jquery.validate在IE8下,点击提交不进行验证的解决方案
2016-08-03 18:27
453 查看
转自: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>
[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;
}
[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;
}
谢谢大神
[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也快要淘汰了(希望我说的是真的:)),所以暂且先不考虑了。
相关文章推荐
- jquery.validate在IE8下,点击提交不进行验证的解决方案
- jquery.validate在IE8下,点击提交不进行验证的解决方案
- 使用jquery validate和ajax进行表单验证并向后台提交数据
- JQuery.validate在ie8浏览器下不验证直接提交解决方法
- liferay中使用jQuery Validation Engine进行ajax验证,不通过也提交表单的解决方案
- jquery.validate点击提交时验证两次
- [jQuery]使用jQuery.Validate进行客户端验证(高级篇-上)——不使用微软验证控件的理由
- 开发者必知的20个jQuery插件——之二用jQuery-Validation-Engine对提交表单进行验证
- [jQuery]使用jQuery.Validate进行客户端验证(高级篇-下)——不使用微软验证控件的理由
- [jQuery]使用jQuery.Validate进行客户端验证——不使用微软验证控件的理由-目录及简介[转载]
- [jQuery]使用jQuery.Validate进行客户端验证——不使用微软验证控件的理由-目录及简介
- 使用jQuery.Validate进行客户端验证(中篇) [3]
- [jQuery]使用jQuery.Validate进行客户端验证(中级篇-上)——不使用微软验证控件的理由
- [jQuery]使用jQuery.Validate进行客户端验证(初级篇)——不使用微软验证控件的理由
- 使用JQuery validate插件进行客户端验证
- 使用jQuery.Validate进行客户端验证
- 使用jQuery.Validate进行客户端验证(中篇) [2]
- 使用jQuery.Validate进行客户端验证
- [jQuery]使用jQuery.Validate进行客户端验证(中级篇-下)——不使用微软验证控件的理由
- [jQuery]使用jQuery.Validate进行客户端验证——不使用微软验证控件的理由-目录及简介