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

Question

我发现了这篇文章（http://www.developertutorials.com/tutorials/javascript/javascript-form-submission-no-button-050412-1292/），但是它已经8岁了（在互联网和鸭嘴兽鸭年的时候是96。）

strager的回答：Submitting a form by pressing enter without a submit button表示它可能像调用“this.form.submit（）;”一样简单。在选择的事件中（onChanged（）或其他）。

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

Answer 1

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

Html：

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

JS：

$('form').submit();

演示---> http://jsfiddle.net/PqXWJ/19/

Answer 2

这是真的。您通常可以在任何事件的表单上调用submit（），只要您清楚地识别表单即可。 @pXL使用jQuery语法;我唯一要注意的是你需要确定页面上只有一个表单，因为jQuery会激活其选择器返回的元素列表上的处理程序。将表格命名为

$('form[name=theOne]')

或使用数组访问器

$('form')[0]

您可以在字段中的keyUp上触发（您可以测试键值以匹配＆＃39;返回＆＃39;），或者即使用户点击表单外的某个位置。

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

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