bootstrap-validator自定义验证规则，修改验证事件为blur

转自 http://blog.csdn.net/a349394/article/details/45177829 如有侵犯版权请联系博主

最近在研究bootstrap，感觉界面很漂亮，但是在做表单验证的时候所使用的是bootstrap-validator，这个插件什么都好，但是验证的是文本框的值改变的时候触发的，尤其ajax远程校验的时候很烦，所以想到修改源码。修改的部分如下：

[javascript] view plain copy

1. var el = document.createElement('div');  

2. this._changeEvent = (ieVersion === 9 || !('oninput' in el)) ? 'keyup' : 'input';  

修改成下面这个样子：

[javascript] view plain copy

1. var el = document.createElement('div');  

2.         this._changeEvent = (ieVersion === 9 || !('onblur' in el)) ? 'keyup' : 'blur';  

另外，如果想拓展验证规则的话，在bootstrap.validator.js的后面添加如下：

[javascript] view plain copy

1. ;(function($) {  

2.    //这里的notExsit是验证的名字  

3.    //default是默认信息  

4.     $.fn.bootstrapValidator.i18n.notExsit = $.extend($.fn.bootstrapValidator.i18n.notExsit || {}, {  

5.         'default': 'Please enter a valid VIN number'  

6.     });  

7.     //validate是验证的方法  

8.     $.fn.bootstrapValidator.validators.notExsit = {  

9.         validate: function(validator, $field, options) {  

10.             var value = $field.val();  

11.             if (value === '') {  

12.                 return true;  

13.             }  

14.             var validateFieldStr=$(options['validateField']).html();  

15.             alert(validateFieldStr);  

16.             if(validateFieldStr==undefined){  

17.                 return true;  

18.             }  

19.             return false;  

20.         }  

21.     };  

22. }(window.jQuery));