BootStrapValidator校验方式
更新时间：2016年12月19日 09:26:52 作者：青衣故人
做输入校验的时候如果你前端框架用的是bootstrap的话，首推bootstrapValidator校验方式，下面通过本文给大家分享下校验流程，一起看看吧
做输入校验的时候如果你前端框架用的是bootstrap的话，首推bootstrapValidator校验方式，具体流程如下：
一、下载，导入js文件
<link type="text/css" rel="stylesheet" href="${ctx}/components/validate/css/bootstrapValidator.css" />
<script type="text/javascript" src="${ctx}/components/validate/js/bootstrapValidator.js"></script>
<script type="text/javascript" src="${ctx}/components/validate/js/language/zh_CN.js"></script>
二、
$(表单id：)（{
message：'这里写默认提示信息';
feedbackIcons:{
valid:'glyphicon glyphicon-ok',
invalid:'glyphicon glyphicon-remove',
validating:'glyphicon glyphicon-refresh'
},
fields: {
inputName: {
validators: {
notEmpty: {
message: '时间不能为空'
},
regexp: {
regexp: /^[0-9]+$/ ,
message: '时间由数字组成'
},
stringLength: {
min: 1,
max: 20,
message: '角色名长度必须在1到20之间'
}
}
}
}
）
网上有各种验证，当然有自定义验证，如上例中的时间由数字组成。
以上所述是小编给大家介绍的BootStrapValidator校验方式，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了javascript单例模式的简单实现方法,以javascript创建唯一实例的形式分析了javascript单例模式的简单实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
这篇文章主要为大家详细介绍了微信小程序实现时间戳格式转换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
这篇文章主要介绍了layui中的tab控件点击切换触发事件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js
人脸识别的JavaScript程序包是Face Detection，它是由Jay Salvat和Liu Liu开发的。它是一个标准的jQuery插件，通过对提供的图片进行分析，返回所有找到的脸部图像的坐标，感兴趣的朋友跟着小编一起学习js人脸识别技术及脸部识别JavaScript类库Tracking.js吧2015-09-09
本文主要介绍了JS中的作用域链的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧2017-03-03
这篇文章主要介绍了深入浅析JavaScript函数前面的加号和叹号的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
本文主要介绍了three.js创建楼层布局图的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
Javascript 中 null、NaN和undefined的区别总结
js中的数据类型有undefined,boolean,number,string,object等5种，前4种为原始类型，第5种为引用类型，接下来与大家分享下它们之间的区别2013-04-04
这篇文章主要为大家详细介绍了javascript对象的创建和访问实现方法，感兴趣的小伙伴们可以参考一下2016-03-03
本文运用实例教大家JS中的运算符乘方、开方及变量格式转换，代码简单明了，有需要的可以参考学习。2016-08-08
最新评论