bootstrap-validator自定义验证规则,修改验证事件为blur
2015-04-21 22:39
615 查看
最近在研究bootstrap,感觉界面很漂亮,但是在做表单验证的时候所使用的是bootstrap-validator,这个插件什么都好,但是验证的是文本框的值改变的时候触发的,尤其ajax远程校验的时候很烦,所以想到修改源码。修改的部分如下:
修改成下面这个样子:
另外,如果想拓展验证规则的话,在bootstrap.validator.js的后面添加如下:
var el = document.createElement('div'); this._changeEvent = (ieVersion === 9 || !('oninput' in el)) ? 'keyup' : 'input';
修改成下面这个样子:
var el = document.createElement('div'); this._changeEvent = (ieVersion === 9 || !('onblur' in el)) ? 'keyup' : 'blur';
另外,如果想拓展验证规则的话,在bootstrap.validator.js的后面添加如下:
;(function($) { //这里的notExsit是验证的名字 //default是默认信息 $.fn.bootstrapValidator.i18n.notExsit = $.extend($.fn.bootstrapValidator.i18n.notExsit || {}, { 'default': 'Please enter a valid VIN number' }); //validate是验证的方法 $.fn.bootstrapValidator.validators.notExsit = { validate: function(validator, $field, options) { var value = $field.val(); if (value === '') { return true; } var validateFieldStr=$(options['validateField']).html(); alert(validateFieldStr); if(validateFieldStr==undefined){ return true; } return false; } }; }(window.jQuery));
相关文章推荐
- bootstrap-validator自定义验证规则,修改验证事件为blur
- MVC数据验证原理及自定义ModelValidatorProvider实现无编译修改验证规则和错误信息
- MVC数据验证原理及自定义ModelValidatorProvider实现无编译修改验证规则和错误信息
- MVC数据验证原理及自定义ModelValidatorProvider实现无编译修改验证规则和错误信息
- Easyui validatebox修改 以及自定义验证规则
- bootstrap表单验证插件 经验记录 与RSA加密事件配合修改
- 【DWZ】表单验证规则介绍,与如何修改表单验证,如何添加自定义表单验证
- bootstrap表单验证插件 经验记录 与RSA加密事件配合修改
- bootstrap-validator自定义验证
- DWZ表单自定义验证规则
- 想必大家在做参数验证的时候,都会遇到一个问题,就是如何验证枚举? 自定义annotation 自定义Validator
- yii2中的rules 自定义验证规则详解
- Ext JS 中实现自定义验证 密码修改 确认密码
- 9. SpringMVC 数据验证例子2 - 自定义数据验证规则
- 自定义验证规则以及中间件简单介绍
- easyui validatebox 验证集合,自定义easyui验证规则
- parasoft Jtest 使用教程:修改规则与运行简单的用户自定义测试配置
- atittit.表单验证的实现方式以及原理本质以及选型以及自定义兼容easyui dsl规则的表单验证
- easyui validatebox 验证集合,自定义easyui验证规则
- Struts2系列:(21)在Struts中自定义验证规则