可以通过 data-* 属性为表单字段添加验证规则,如不允许为空、限制字符串长度、验证电子邮件地址等。初始化验证后,表单验证失败时将显示错误消息,并禁用提交按钮,直到验证通过。

(图1)

Bootstrap 表单验证

Bootstrap 提供了一个简单的 API,用于在表单提交之前验证用户输入。

如何使用 Bootstrap 验证?

可以使用 data-* 属性为表单字段添加验证规则:

  • data-bv-notempty:不允许为空
  • data-bv-stringlength:限制字符串长度(min/max)
  • data-bv-regexp:使用正则表达式匹配
  • data-bv-emailaddress:验证电子邮件地址
  • data-bv-uri:验证 URL
  • data-bv-date:验证日期
  • data-bv-numeric:验证数字
  • data-bv-identical:与另一个字段匹配
  • data-bv-different:与另一个字段不同

示例:

1、本站目前拥有近 1000+ 精品收费资源,现在加入VIP会员即可全部下载。
2、本资源部分来源其他付费资源平台或互联网收集,如有侵权请联系及时处理。
SEA模板网 » bootstrap怎么验证

发表评论

加入本站VIP会员订阅计划,海量资源免费查看

目前为止共有 3654 位优秀的VIP会员加入! 立刻加入VIP会员