bootstrap怎么验证

百变鹏仔 1个月前 (11-13) #bootstrap

文章标签 bootstrap

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

Bootstrap 表单验证

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

如何使用 Bootstrap 验证？

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

示例：

<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怎么验证

学习bootstrap需要什么基础

bootstrap模态框有什么用

bootstrap是什么意思啊

bootstrap是什么时间开源的

bootstrap怎么实现响应式