BootStrapValidator初使用教程详解

BootStrapValidator初使用教程详解

bootstrap：能够增加兼容性的强大框架.

因为项目需要数据验证，看bootstrapValidator 还不错，就上手一直，完美兼容，话不多说。

bootstrapValidator的github地址

需要引用css：

bootstrap.min.css

bootstrapValidator.min.css

js:

jquery-1.10.2.min.js

bootstrap.min.js

bootstrapValidator.min.js

以上这些都是必须的。

先上个简单的例子,只要导入相应的文件可以直接运行：

http://

Username

Email address

Password

Sign up

当然，以上都是插件写好的规则，如果想自己加匹配规则怎么办呢？

如下只要在input相对应的键值中加入一个regexp:{}键值对（在上面的js基础上修改）

username: {/*键名和input name值对应*/

message: 'The username is not valid',

validators: {

notEmpty: {/*非空提示*/

message: '用户名不能为空'

},

regexp: {/* 只需加此键值对，包含正则表达式，和提示 */

regexp: /^[a-zA-Z0-9_\.]+$/,

message: '只能是数字和字母_.'

},

stringLength: {/*长度提示*/

min: 6,

max: 30,

message: '用户名长度必须在6到30之间'

}/*最后一个没有逗号*/

}

},

以上所述是给大家介绍的BootStrapValidator初使用教程详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。