HTML5 обязательный атрибут кажется неработоспособным

Question

Я не могу понять, почему новый требуется атрибут HTML5, кажется, не работает, и я знаю, что мой простой код, похоже, в порядке. Что я должен сделать, чтобы сделать эту работу?

Вот мой код в HTML:

<input type = "text" class = "txtPost" placeholder = "Post a question?" required> 
<button class = "btnPost btnBlue">Post</button> 

Поправьте меня, если я ошибаюсь, но, если я когда-нибудь запустить код в браузере и нажмите кнопку без значения в текстовом поле он должен содержать подсказка, показывающая, что это поле было необходимо, не так ли? Но ничего не происходит независимо от того, сколько раз вы нажимаете кнопку. Я неправильно понял, как использовать атрибут?

Я запускаю свой код в google chrome Version 28.0.1500.72.

Answer 1

Попробуйте поместить его внутри тега формы и закрытия входной тег:

<form> 
    <input type = "text" class = "txtPost" placeholder = "Post a question?" required /> 
    <button class = "btnPost btnBlue">Post</button> 
</form> 

Answer 2

Да, вы пропустили вид инкапсуляцию:

JSFiddle

<form> 
    <input id="tbQuestion" type="text" placeholder="Post a question?" required/> 
    <input id="btnSubmit" type="submit" /> 
</form> 

Answer 3

Убедитесь, что NOVALIDATE атрибут не установлены в вашем теге формы

Answer 4

Сообщение

Поместите это в виде тега и метода является POST

При использовании MVC проверьте с вашего JQuery, если текст не заполнять затем возвращали автоматически появляется сообщение

Answer 5

Собственно говоря, когда я попытался это , он работал только тогда, когда я установил значение action и method для формы. Забавно, как это работает!