我正在使用JQuery的validate插件来验证表单。验证发生并触发submitHandler。但后来我得到了这个错误(来自IE8):
网页错误详情
用户代理:Mozilla / 4.0(兼容; MSIE 8.0; Windows NT 5.1;三叉戟/ 4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; .NET4.0E)时间戳:2011年5月20日星期五 16:30:56 UTC
消息:对象不支持此功能 财产或方法
它在Firefox中应该工作 - 完全没有错误。任何想法为什么form.submit()方法不起作用?
$(document).ready(function() {
$.validator.addClassRules('valcount',{digits: true, min: 1});
//Fish Form
$("form[name='fish']").validate({
debug: true,
ignore: ":hidden,[name='']", // do not validate form fields in invisible sections
errorPlacement: function(error, element) {
if ( element.is(":radio") ) {
error.appendTo( element.parent().next().next() );
}else if(element.is(":checkbox") && element.parent().is('li')){
error.insertBefore(element.closest("ul.horiz"));
}else{
error.appendTo(element.parent());
};
},
rules: {
fish_name: {required:true, minlength:5},
care_id: {required: true, digits: true, min: 1},
strain_id: {required: true, digits: true, min: 1},
transgene_id: {digits: true, min: 0}
},
// set this class to error-labels to indicate valid fields
success: function(label) { // set as text for IE
label.html(" ").addClass("checked");
},
submitHandler: function(form){
if(confirm('Are you sure?'))form.submit(); //PROBLEM var has no such method
}
});
});// end $(document).ready(function(){
<form action='http://example.com' method='post' name='fish' id='fish'>
<input name='fish_id' type="hidden" value="39" >
<div><label for='fish_name'>Fish Name</label><input name='fish_name' id='fish_name' type='text' value='110208'></div>
<div><label for='fishnotes'>Notes</label><textarea name='notes' id=fishnotes></textarea></div>
<div><label for='care_id'>Animal Care Protocol</label><select name='care_id' id='care_id'><option value='1' selected="selected">Breeding Colony</option>
</select></div>
<div><label for='strain_id'>Strain</label><select name='strain_id' id='strain_id'><option value='1' selected="selected">AB wt</option>
<option value='2' >Tub wt</option>
<option value='14' >AB/Tub</option>
<option value='15' >AB/Tub deadhead</option>
<option value='16' >Casper</option>
</select></div>
<div><label for='transgene_id'>Transgene</label><select name='transgene_id' id='transgene_id'><option value=0>None</options><option value='1' >Ztag</option>
<option value='2' >KDR-eGFP</option>
<option value='3' >BTIAR-eGFP</option>
<option value='4' >BTIA-eGFP</option>
<option value='5' >BTTP3.1-eGFP</option>
<option value='6' >BTTP6.2-eGFP</option>
<option value='7' >BTIAR-Luc</option>
<option value='8' >BTIA-Luc</option>
<option value='9' >BTTP3.1-Luc</option>
<option value='10' >BTTP6.2-Luc</option>
<option value='11' >Tg(hsp70tolgfp)v28</option>
<option value='16' >blither</option>
</select></div>
<div><input value='Edit' type='submit' ></div>
</form>
已编辑:已删除提交名称和ID,添加了有关FF的信息。尝试使用$(form).submit()
代替form.submit()
。仍然没有快乐。
答案 0 :(得分:3)
<input name='submit' id='submitfish' value='Edit' type='submit' >
您无法命名提交按钮“提交”。当您执行此操作并在MSIE中调用form.submit()时,MSIE认为您正在尝试引用输入对象,该对象“不支持此属性或方法。”
请记住,在jQuery中, $(this)是一个jQuery对象,这个是实际的DOM元素。所以
submitHandler: function(form){
提交处理程序将表单作为DOM元素传递,这就是form.submit()在这里失败的原因。
答案 1 :(得分:0)
事实证明问题是jquery 1.6.x和validate plug-in 1.8.x之间的冲突。当我恢复到jquery 1.5时,问题就消失了。这不是一个非常好的解决方案,但希望这会让某些人感到头疼。
ETA:最近发布的验证版本1.8.1似乎也可以解决这个问题。请注意,截至5月24日,1.8.0是http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.min.js
托管的版本