从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>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)