BootStrapValidator校验方式


Posted in Javascript onDecember 19, 2016

做输入校验的时候如果你前端框架用的是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重要知识更新
Jul 08 Javascript
javascript indexOf函数使用说明
Jul 03 Javascript
模仿JQuery.extend函数扩展自己对象的js代码
Dec 09 Javascript
js chrome浏览器判断代码
Mar 28 Javascript
Javascript中各种trim的实现详细解析
Dec 10 Javascript
百度地图api如何使用
Aug 03 Javascript
一个php+js实时显示时间问题
Oct 12 Javascript
详解如何在Vue2中实现组件props双向绑定
Mar 29 Javascript
jQuery动态追加页面数据以及事件委托详解
May 06 jQuery
微信小程序实现弹出菜单功能
Jun 12 Javascript
JS实现的碰撞检测与周期移动完整示例
Sep 02 Javascript
Vue简单封装axios之解决post请求后端接收不到参数问题
Feb 16 Javascript
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
Dec 19 #Javascript
JavaScript中this的用法实例分析
Dec 19 #Javascript
JS填写银行卡号每隔4位数字加一个空格
Dec 19 #Javascript
JavaScript中校验银行卡号的实现代码
Dec 19 #Javascript
快速入门Vue
Dec 19 #Javascript
javascript中call,apply,bind函数用法示例
Dec 19 #Javascript
谈谈jQuery之Deferred源码剖析
Dec 19 #Javascript
You might like
php你的验证码安全码?
2007/01/02 PHP
php中使用Curl、socket、file_get_contents三种方法POST提交数据
2011/08/12 PHP
php中存储用户ID和密码到mysql数据库的方法
2013/02/06 PHP
在WordPress中实现评论头像的自定义默认和延迟加载
2015/11/24 PHP
比较完整的微信开发php代码
2016/08/02 PHP
php实现数字补零的方法总结
2018/09/12 PHP
PHP常量define和const的区别详解
2019/05/18 PHP
PHP中mysqli_get_server_version()的实例用法
2020/02/03 PHP
firefox浏览器下javascript 拖动层效果与原理分析代码
2007/12/04 Javascript
javascript得到XML某节点的子节点个数的脚本
2008/10/11 Javascript
JavaScript 高效运行代码分析
2010/03/18 Javascript
JavaScript判断数组是否包含指定元素的方法
2015/07/01 Javascript
你一定会收藏的Nodejs代码片段
2016/02/04 NodeJs
深入理解JS继承和原型链的问题
2016/12/17 Javascript
基于JavaScript实现多级菜单效果
2017/07/25 Javascript
vue使用axios实现文件上传进度的实时更新详解
2017/12/20 Javascript
Vue实现剪贴板复制功能
2019/12/31 Javascript
JavaScript实现拖拽效果
2020/03/16 Javascript
解决vue项目input输入框双向绑定数据不实时生效问题
2020/08/05 Javascript
[03:40]DOTA2抗疫特别篇《英雄年代》
2020/02/28 DOTA
python使用Queue在多个子进程间交换数据的方法
2015/04/18 Python
python编码最佳实践之总结
2016/02/14 Python
Python多进程库multiprocessing中进程池Pool类的使用详解
2017/11/24 Python
使用Python监视指定目录下文件变更的方法
2018/10/15 Python
Python3.7安装pyaudio教程解析
2020/07/24 Python
CSS3 translate导致字体模糊的实例代码
2019/08/30 HTML / CSS
html5 figure和figcaption的使用方法
2018/09/10 HTML / CSS
瑞贝卡·明可弗包包官网:Rebecca Minkoff
2016/07/21 全球购物
Backcountry旗下的户外商品闪购网站:steep&cheap
2016/09/22 全球购物
结婚喜宴家长答谢词
2014/01/15 职场文书
2014年图书室工作总结
2014/12/09 职场文书
交通肇事罪辩护词
2015/05/21 职场文书
房产电话营销开场白
2015/05/29 职场文书
如何用python插入独创性声明
2021/03/31 Python
如何用JS实现网页瀑布流布局
2021/04/24 Javascript
JavaScript 实现页面滚动动画
2021/04/24 Javascript