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

最近在研究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));