在Bootstrap中定义`required`字段

如何在Twitter Bootstrap 3中根据需要(使用红色边框)定义文本字段?

required="required"不起作用…

 <form role="form"> <div class="form-group"> <label for="exampleInputEmail1">Email address</label> <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> </div> <div class="form-group"> <label for="exampleInputPassword1">Password</label> <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> </div> <div class="form-group"> <label for="exampleInputFile">File input</label> <input type="file" id="exampleInputFile"> <p class="help-block">Example block-level help text here.</p> </div> <div class="checkbox"> <label> <input type="checkbox"> Check me out </label> </div> <button type="submit" class="btn btn-default">Submit</button> </form> 

在bootstrap 3中尝试使用required="true"

在Bootstrap 3中,可以将“validation状态”类应用于父元素: http : //getbootstrap.com/css/#forms-control-validation

例如, has-error将在input周围显示一个红色边框。 但是,这对实际的validation没有影响。 你需要添加一些额外的客户端(JavaScript)或服务器逻辑,使该领域需要。

演示: http : //bootply.com/90564

查看原生HTML5表单validation:

http://www.the-art-of-web.com/html/html5-form-validation/

表单validation可以通过data-api或通过JavaScript在标记中启用。 通过将data-toggle="validator"到表单元素来自动启用表单validation。

 <form role="form" data-toggle="validator"> ... </form> 

或者通过JavaScript激活validation:

 $('#myForm').validator() 

并且您需要在input字段中使用所需的标志

欲了解更多详情请点击这里

要填写必填字段,请使用requiredrequired="true"

我认为required="required"已经在引导版本3中被弃用了。

如果不能工作,如果你有这样的:novalidate =“novalidate”附加到您的表单。