Defining a required field in Bootstrap

Question

How do I define text field as required  with red border  in Twitter Bootstrap 3   required  required  doesn t work      lt form role  form  gt     lt div class  form-group  gt       lt label for  exampleInputEmail1  gt Email address lt  label gt       lt input type  email  class  form-control  id  exampleInputEmail1  placeholder  Enter email  gt     lt  div gt     lt div class  form-group  gt       lt label for  exampleInputPassword1  gt Password lt  label gt       lt input type  password  class  form-control  id  exampleInputPassword1  placeholder  Password  gt     lt  div gt     lt div class  form-group  gt       lt label for  exampleInputFile  gt File input lt  label gt       lt input type  file  id  exampleInputFile  gt       lt p class  help-block  gt Example block-level help text here  lt  p gt     lt  div gt     lt div class  checkbox  gt       lt label gt         lt input type  checkbox  gt  Check me out      lt  label gt     lt  div gt     lt button type  submit  class  btn btn-default  gt Submit lt  button gt   lt  form gt

User · Answer

To make a field required  use required or required  true   I think required  required  has been deprecated in version 3 of bootstrap

User · Answer

Check out native HTML5 form validation   http   www the-art-of-web com html html5-form-validation

User · Answer

If wont work in case you have something like   novalidate  novalidate  attached to your form

User · Answer

Try using required  true  in bootstrap 3

User · Answer

Update 2018  Since the original answer HTML5 validation is now supported in all modern browsers  Now the easiest way to make a field required is simply using the required attibute    lt input type  email  class  form-control  id  exampleInputEmail1  required gt   or in compliant HTML5    lt input type  email  class  form-control  id  exampleInputEmail1  required  true  gt    Read more on Bootstrap 4 validation    In Bootstrap 3  you can apply a  validation state  class to the parent element  http   getbootstrap com css  forms-control-validation  For example has-error will show a red border around the input  However  this will have no impact on the actual validation of the field  You d need to add some additional client  javascript  or server logic to make the field required   Demo  http   bootply com 90564

User · Answer

Use  needs-validation  apart from form-group  it will work

User · Answer

Form validation can be enabled in markup via the data-api or via JavaScript  Automatically enable form validation by adding data-toggle  validator  to your form element    lt form role  form  data-toggle  validator  gt          lt  form gt    Or activate validation via JavaScript       myForm   validator     and you need to use required flag in input field    For more details Click Here

[twitter-bootstrap] Defining a `required` field in Bootstrap

Examples related to twitter-bootstrap

Examples related to twitter-bootstrap-3