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 相关文章推荐
神奇的代码 通杀各种网站-可随意修改复制页面内容
Jul 17 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
Oct 19 Javascript
javascript模块化简单解析
Apr 07 Javascript
深入浅析JS的数组遍历方法(推荐)
Jun 15 Javascript
Node.js中的require.resolve方法使用简介
Apr 23 Javascript
JavaScript数据结构学习之数组、栈与队列
May 02 Javascript
最全的JavaScript开发工具列表 总有一款适合你
Jun 29 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
vue-cli项目中使用echarts图表实例
Oct 22 Javascript
浅谈Javascript常用正则表达式应用
Mar 08 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
Aug 16 Javascript
解决vue自定义指令导致的内存泄漏问题
Aug 04 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
玛琪朵 Macchiato
2021/03/03 咖啡文化
按上下级层次关系输出内容的PHP代码
2010/07/17 PHP
php中并发读写文件冲突的解决方案
2013/10/25 PHP
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
2014/10/15 PHP
PHP在线打包下载功能示例
2016/10/15 PHP
使用git迁移Laravel项目至新开发环境的步骤详解
2020/04/06 PHP
JavaScript 以对象为索引的关联数组
2010/05/19 Javascript
javascript奇异的arguments分析
2010/10/20 Javascript
8个实用的jQuery技巧
2014/03/04 Javascript
轻松创建nodejs服务器(4):路由
2014/12/18 NodeJs
JSON取值前判断
2014/12/23 Javascript
ECMAScript6新增值比较函数Object.is
2015/06/12 Javascript
javascript显示中文日期的方法
2015/06/18 Javascript
仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件
2016/07/01 Javascript
js仿iphone秒表功能 计算平均数
2017/01/11 Javascript
jQuery 实现倒计时天,时,分,秒功能
2018/07/31 jQuery
详解小程序缓存插件(mrc)
2018/08/17 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
2018/09/15 Javascript
JavaScript实现猜数字游戏
2020/05/20 Javascript
jquery插件懒加载的示例
2020/10/24 jQuery
Python列表list数组array用法实例解析
2014/10/28 Python
python迭代器与生成器详解
2016/03/10 Python
Python方法的延迟加载的示例代码
2017/12/18 Python
Python中跳台阶、变态跳台阶与矩形覆盖问题的解决方法
2018/05/19 Python
Python使用pymongo模块操作MongoDB的方法示例
2018/07/20 Python
python如何实现异步调用函数执行
2019/07/08 Python
基于python requests selenium爬取excel vba过程解析
2020/08/12 Python
J2EE是技术还是平台还是框架
2016/08/14 面试题
销售类个人求职信范文
2013/09/25 职场文书
最新大学职业规划书范文
2013/12/30 职场文书
《美丽的黄昏》教学反思
2014/02/28 职场文书
目标管理责任书
2014/04/15 职场文书
疾病捐款倡议书
2014/05/13 职场文书
2014年教师教学工作总结
2014/11/08 职场文书
南阳市白酒市场的调查报告
2019/11/08 职场文书
spring注解 @PropertySource配置数据源全流程
2022/03/25 Java/Android