对象#<HTMLFormElement>的属性"submit"不是函数

Question

任何人都可以向我解释这个错误意味着什么？对此有任何帮助,我将非常感激.

<form class="form" id="form" action="/mailer.php" method="post">

我正在使用的Jquery代码就是这个.

$('#form').submit();  

Answer 1

检查表单以查看是否有HTMLInputElementid或名称submit.

这将一个属性设置submit到HTMLFormElement,所以submit不能被执行,其是在表格元件的原型函数.

例:

<form class="form" id="form" action="/mailer.php" method="post">
    ?<input type="button" name="submit" value="go"/>
</form>???????????????????????????????????????????

JS:

?console.log($("#form")[0].submit)?;?  // will be the button element, not the submit function.

jQuery的.submit()方法将调用.submit()原始的dom元素,因此会发生错误.

Answer 2

xdazz很好地解释了这个问题.

您可以使用HTMLFormElement 的本机提交方法来解决问题:

HTMLFormElement.prototype.submit.call($('#form')[0]);

Answer 3

如果你有一个名为submit或id submit的按钮或输入,我在IE中看到了错误.确保输入的名称正确无误.这是一篇关于它的文章http://bugs.jquery.com/ticket/1414