jquery - 是否可以在不使用输入按钮的情况下提交 html 表单？

Question

我找到了这篇文章（http://www.developertutorials.com/tutorials/javascript/javascript-form-submission-no-button-050412-1292/），但它已有 8 年历史（互联网上的 96 年和鸭嘴兽鸭嘴兽）年）。

strager 在这里的回答：通过在没有提交按钮的情况下按 enter 提交表单表明它可能像调用“this.form.submit();”一样简单。在选择的事件中（onChanged() 或其他）。

是这样吗？或者不是这样？或者不是这样？

score 1 · Accepted Answer

是的，您.submit() 无需提交按钮即可提交表单

网页：

<form action="some.php" method="get">
  First name: <input type="text" name="fname">
  Last name: <input type="text" name="lname">
</form>

JS：

$('form').submit();

score 1 · Accepted Answer

这是真的。只要您清楚地识别表单，您通常可以在任何事件上对表单调用 submit()。@pXL 为此使用 jQuery 语法；我唯一要注意的是，您需要确保页面上只有一个表单，因为 jQuery 在其选择器返回的元素列表上触发处理程序。要么命名表格

$('form[name=theOne]')

或使用 Array 访问器

$('form')[0]

您可以在字段中的 keyUp 上触发它（您可以测试键值以匹配'return'），或者即使用户单击表单外的某个位置。

$('html').click(function(){$('form')[0].submit()});

（不过，这可能不是最好的用户体验！）

2 回答 2