jquery.validate在IE8下，点击提交不进行验证的解决方案

转自：http://blog.csdn.net/mm9mm8/article/details/44916603

谢谢大神

  
  

   
   

    
    

     
     [javascript] 
     
     view plain
     
      copy
     
     

     
      
     
     
     
     
    
    
   
   
   
   
<span style="font-family: Arial, Helvetica, sans-serif;">jQuery.validate版本：jQuery Validation Plugin v1.13.1</span>  
  
  

jQuery版本：jQuery v1.11.2 

在IE8下点击提交，任何情况都会验证成功，但是在keyup,blur时验证正常。

debug过程中发现提交的时候有这样一段代码：

  
  

   
   

    
    

     
     [javascript] 
     
     view plain
     
      copy
     
     

     
      
     
     
     
     
    
    
   
   
   
   
// allow suppressing validation by adding the html5 formnovalidate attribute to the submit button  
                if ( $( event.target ).attr( "formnovalidate" ) !== "undefined" ) {  
                    validator.cancelSubmit = true;  
                }  
  
  

这段代码的意思是为了使验证框架支持html5的“formvalidate”属性，如果提交的按钮有（“formnovalidate”）属性，就在提交的时候不进行验证。

然而IE8在没有这个属性的时候，$( event.target ).attr( "formnovalidate" )  得到的是空字符串，而不是“undefined”。

将代码改成如下即可：

  
  

   
   

    
    

     
     [javascript] 
     
     view plain
     
      copy
     
     

     
      
     
     
     
     
    
    
   
   
   
   
// allow suppressing validation by adding the html5 formnovalidate attribute to the submit button (必须写全formnovalidate="formnovalidate")；  
                if ( $( event.target ).attr( "formnovalidate" ) === "formnovalidate" ) {  
                    validator.cancelSubmit = true;  
                }  
  
  

但是这段代码有一个问题，就是在IE7下，就算button有这个属性，$( event.target ).attr( "formnovalidate" )  得到的值也是-1,但是由于不验证提交的使用场景实在比较少见，IE7也快要淘汰了（希望我说的是真的：）），所以暂且先不考虑了。