无法在Bootstrap 4中进行验证

无法在Bootstrap 4中进行验证,第1张

无法在Bootstrap 4中进行验证

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5621345.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-15
下一篇 2022-12-15

发表评论

登录后才能评论

评论列表(0条)

保存