javascript - 为什么 HTML 表单不发送名称为 ="submit"并使用 JQuery 键入 ="submit"

Question

我只是添加使用 JQuery .submit() 将 HTML 表单发送到服务器。我注意到当我设置 name="submit" 时它无法发送表单。当我将名称更改为 "submit" 以外的名称时，它会发送!

这不起作用:

<form class="edit_a_leaver" action="editLeaver" method="post" hidden>
    <input class="leaver_id" name="leaver_id" type="text">
    <input name="submit" type="submit" value="submit">
</form>

这确实有效:

<form class="edit_a_leaver" action="editLeaver" method="post" hidden>
    <input class="leaver_id" name="leaver_id" type="text">
    <input name="submit_button" type="submit" value="Send">
</form>

JQuery:

$(".edit_a_leaver").submit();

谁能告诉我为什么？我试过搜索。

Answer 1

您遇到问题是因为 name正在submit正在覆盖 form.submit() <form> 的功能引用, 而不是 submit_button.submit指的是那个按钮，而不是 DOM submit()功能。

阅读this post对于更多，即使 dhe id 是 submit 这也不起作用.

阅读here for this also