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

爱被打了一巴掌 2022-09-25 00:22 51阅读 0赞

转自：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也快要淘汰了（希望我说的是真的：）），所以暂且先不考虑了。