脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-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之间'                             }                     }             } }）

网上有各种验证，当然有自定义验证，如上例中的时间由数字组成。

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-bootstrapValidator全部内容，希望文章能够帮你解决javascript代码实例教程-bootstrapValidator所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。