bootstrap怎么验证

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

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：与另一个字段不同

示例：

<form id="form">
  <input type="text" name="name" data-bv-notempty data-bv-stringlength="min:3,max:20">
  <input type="email" name="email" data-bv-emailaddress>
  <button type="submit">提交</button>
</form>

初始化验证：

$('#form').bootstrapValidator({
  message: '这个值无效',
  submitButtons: 'button[type="submit"]',
  excluded: ':disabled'
});

错误处理：

表单验证失败后，Bootstrap 将在有错误的字段旁边显示错误消息。

禁用提交按钮：

可以通过 submitButtons 选项禁用提交按钮，直到表单验证通过。

自定义消息：

可以使用 message 选项自定义错误消息。

以上是bootstrap怎么验证的详细内容。更多信息请关注PHP中文网其他相关文章！