从Bootstrap 4beta版本开始验证已更改。
有效状态选择器使用
was-validated通过 客户端 Javascript 验证表单后将动态添加的类。例如…
<form novalidate=""> <div > <label for="inputSuccess1">Input with success</label> <input type="text" name="i1" id="inputSuccess1"> <div >Success! You've done it.</div> </div> <div > <label for="inputSuccess2">Input with danger</label> <input type="text" name="i2" required="" id="inputSuccess2"> <div >That didn't work.</div> </div> <div > <button type="submit" >Text</button> </div></form>
如文档中所述，如果您打算使用 服务器端 验证，则只需在表单控件上设置 is-valid
或 is-invalid
类即可。
<form > <div > <label for="inputSuccess1">Input with success</label> <input type="text" id="inputSuccess1"> <div >Success! You've done it.</div> </div></form>
