<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过程中发现提交的时候有这样一段代码:
// 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”。
将代码改成如下即可:
// 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也快要淘汰了(希望我说的是真的:)),所以暂且先不考虑了。