HTML5 required attribute seems not working

Question

I can t figure out why the new required attribute of HTML5 seems to not be working  and I know my simple code seems to be okay  What should I do to make this work   Here is my code in HTML    lt input type    text  class    txtPost  placeholder    Post a question   required gt   lt button class    btnPost btnBlue  gt Post lt  button gt    Correct me if I m wrong but  if ever I run the code in the browser and click the button without any value in the textbox it should have a tooltip showing that that field was required  shouldn t it  But nothing happens no matter how many times you click the button  Am I misunderstood on how to use the required attribute   I am running my code in google chrome Version 28 0 1500 72

User · Accepted Answer

Try putting it inside a form tag and closing the input tag    lt form gt     lt input type    text  class    txtPost  placeholder    Post a question   required   gt     lt button class    btnPost btnBlue  gt Post lt  button gt   lt  form gt

User · Answer

My answer is too late  but it can help others   I had the same problem  even when I used a form tag   I solved it by declaring Meta Charset in the header of the page    x000D   x000D   lt meta charset    UTF-8    gt  x000D   x000D   x000D

User · Answer

Make sure that novalidate attribute is not set to your form tag

User · Answer

Yes  you missed the form encapsulation   JSFiddle   lt form gt      lt input id  tbQuestion  type  text  placeholder  Post a question   required  gt      lt input id  btnSubmit  type  submit    gt   lt  form gt

User · Answer

As long as have added type  quot submit quot  to button you are good    lt form action  quot  quot  gt       lt input type  quot text quot  placeholder  quot name quot  required gt       lt button type  quot submit quot  gt Submit lt  button gt   lt  form gt

User · Answer

Actually speaking  when I tried this  it worked only when I set the action and method value for the form  Funny how it works though

User · Answer

Absence of Submit field element in the form also causes this error  In the case of   button  field  handled by JS to submit form  lacks the necessity of Submit button hence Required doesn t Work

User · Answer

using form encapsulation and add your button type submit

[html] HTML5 required attribute seems not working

Examples related to html

Examples related to required