为什么jQuery不提交此表单？

Question

我正在尝试使用jQuery提交一个表单,但我必须错过一些小的东西,因为我无法让它工作,而且从我看到的一切都应该可以正常工作.

这有什么问题？

<table class="newrecord"><form id="editthis" action="page.php" method="post">       

    <tr><td class="left">Name:</td><td><input type="text" name="name" id="name" /></td></tr>
    <tr><td class="left">Company:</td><td><input type="text" name="company" /></td></tr>
    <tr><td class="left"><a href="?action=browse">Cancel</a></td><td><input type="button" name="submit" class="subbut" id="subthis" value="Update" /></td></tr>

</form></table>

和javascript:

    $("#subthis").click(function() {
        $('#editthis').submit(); // An alert box works, so I know this is triggering
    });

正如代码中提到的,如果我单击提交按钮,则警报框可以工作,但是当我使用jQuery提交功能时,没有任何反应.我错过了什么？

Answer 1

您不需要使用jQuery来提交表单.这是提交按钮提交其所属表单的默认行为.

另外,不要使用表格进行布局.表单元素本身可以很好地布局.

<form id="edit_this" action="page.php" method="POST">
    <label>Name <input type="text" name="name"></label>
    <label>Company <input type="text" name="company"></label>
    <a href="?action=browse">Cancel</a>
    <button type="submit">Update</button>
</form>

可以轻松布局并自行提交.

如果在使用jQuery提交之前需要进行某些操作,请将其绑定到表单的onsubmit处理程序,而不是实际单击按钮.

实际问题是您给按钮的名称与JavaScript中的保留字之间的冲突.不要submit用作名字.