具体代码实现：

        
         
     
          
      
      
           
       
                
        
                 
         
          邮箱            
          
           
                                        
            
             
              密码            
              
               
                                
                
                 
                  密码            
                  
                   
                                    
                    
                                 
                     
                                      
                      
                       登录                        
                       
                        
                         
                          
                               $(function () {        $('#form').validation();//自定义form表单的id    })
                          
                         
                        
                       
                      
                     
                    
                   
                  
                 
                
               
              
             
            
           
          
         
        
       
      
     

这里的 check-type="rePassword #inputPassword" 中的#inputPassword表示的是需要进行比较的表单ID

下面这个js块是需要进行验证的表单的ID，让其调用验证类的 var validationForm = function(obj) {}这个方法

     
          $(function () {        $('#form').validation();//自定义form表单的id    })
     

接下来就是这个验证的核心了bootstrap/js/bootstrap-validation.js，这里的bootstrap-validation.js是对网络上的bootstrap-validation.js第三方验证类进行了一点小更改，大致都差不多

!function($) {    $.fn.validation = function(options) {        return this.each(function() {            globalOptions = $.extend({}, $.fn.validation.defaults, options);            validationForm(this)        });    };    $.fn.validation.defaults = {        validRules : [            {name: 'required', validate: function(value) {return ($.trim(value) == '');}, defaultMsg: '不能为空'},            {name: 'number', validate: function(value) {return (!/^[0-9]\d*$/.test(value));}, defaultMsg: '请输入数字。'},            {name: 'email', validate: function(value) {return (!/^[a-zA-Z0-9]{1}([\._a-zA-Z0-9-]+)(\.[_a-zA-Z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+){1,3}$/.test(value));}, defaultMsg: '请输入邮箱地址。'},            {name: 'char', validate: function(value) {return (!/^[a-zA-Z]*$/.test(value));}, defaultMsg: '请输入英文字符。'},            {name: 'qq', validate: function(value) {return (!/^[^0]\d{4,9}$/.test(value));}, defaultMsg: '请输入正确QQ'},            {name: 'phone', validate: function(value) {return (!/^((\(\d{2,3}\))|(\d{3}\-))?1(3|4|5|6|8)\d{9}$/.test(value));}, defaultMsg: '请输入正确手机号码'},            {name: 'password', validate: function(value) {return (!safePassword(value));}, defaultMsg: '密码由字母和数字组成，至少6位'},// check-type="password"            {name: 'rePassword', validate: function(value,param) { return (!(value == $(param).val()));}, defaultMsg: '两次输入的字符不一至'},//  check-type="rePassword #inputPassword"   ,inputPassword需要比较的ID            {name: 'idcard', validate: function(value) {return (!idCard(value));}, defaultMsg: '***号码不正确'},            {name: 'chinese', validate: function(value) {return (!/^[\u4e00-\u9fff]$/.test(value));}, defaultMsg: '请输入汉字。'}        ]    };                              .                              .                              中间省略，需要下载请看文章尾                              .                              .    var validationForm = function(obj) { // 表单验证方法                               .                               .                               .    };}(window.jQuery);

如果需要增加验证类型可以在 “validRules : []”的数组中添加对应的验证就可以了

比如自己写一个验证邮编的方法：

{name: 'Zipcode ', validate: function(value) {return (!/^[1-9][0-9]{5}$/.test(value));}, defaultMsg: '邮编不正确'}

name代表：表单域input的属性： check-type对应的值，defaultMsg表示默认的提示信息，刚才html代码里出现的“ password-message="密码长度" ”这个是覆盖password类型的defaultMsg的提示信息，复写格式：“类型名-message”，举个例子：

 
     
          
      
       邮箱     
       
                 
        
                 
         
               
          
           确认密码