jQuery add required to input fields

Question

I have been searching ways to have jQuery automatically write required using html5 validation to my all of my input fields but I am having trouble telling it where to write it   I want to take this    lt input type  text  name  first name  value    id  freeform first name   maxlength  150  gt    and have it automatically add required before the closing tag    lt input type  text  name  first name  value    id  freeform first name   maxlength  150  required gt    I thought I  could do someting along the lines of      input   attr  required    true      But it doesn t work  Any help is greatly appreciated

User · Accepted Answer

input   prop  required  true     DEMO FIDDLE

User · Answer

I have found that the following implementations are effective       freeform first name   removeAttr  required         freeform first name   attr  required    required      These commands  attr  removeAttr  prop  behave differently depending on the version of JQuery you are using  Please reference the documentation here  https   api jquery com attr

User · Answer

You can do it by using attr  the mistake that you made is that you put the true inside quotes   instead of that try this      input   attr  required   true

User · Answer

I found that jquery 1 11 1 does not do this reliably    I used     estimate   attr  required   true  and     estimate   removeAttr  required      Removing required was not reliable  It would sometimes leave the required attribute without value  Since required is a boolean attibute  its mere presence  without value  is seen by the browser as true    This bug was intermittent  and I got tired of messing with it  Switched to document getElementById  estimate   required   true and document getElementById  estimate   required   false

User · Answer

Should not enclose true with double quote     it should be like     document  ready function                       input   attr  required   true            Also you can use prop  jQuery document  ready function                       input   prop  required   true             Instead of true you can try required  Such as      input   prop  required    required

User · Answer

Using  attr method   attr attribute value      syntax   attr  required   true      required  required    attr  required   false         Using  prop     prop property value     syntax   prop  required   true      required      prop  required   false        Read more from here     https   stackoverflow com a 5876747 5413283

[javascript] jQuery add required to input fields

Examples related to javascript

Examples related to jquery

Examples related to validation