在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> 

Answer 1

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

Answer 2

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

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

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

Answer 3

查看原生HTML5表单validation：

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

Answer 4

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

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

或者通过JavaScript激活validation：

 $('#myForm').validator() 

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

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

Answer 5

要填写必填字段，请使用required或required="true"

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

Answer 6

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