一旦不再关注任何字段，如何提交具有多个字段的表单？

编程问答 2022-06-04

问题描述

我有一个具有多个字段的Elementor表单。我希望在不关注任何字段（例如单击某处）时立即自动提交表单。

我对具有单个字段的表单的解决方案如下：

$( '#form-field' ).blur( function() {
    $( '#form' ).submit();
});

如何将其扩展到#form形式的所有字段？

感谢您的帮助！

编辑：

感谢您的回答。

就favilian的回答而言，if语句将很有趣。因此，如果用户离开一个表单字段，则必须进行检查以查看我们是否不在表单的任何其他字段中。仅当不在其他任何字段中时，才提交表格。表单看起来（简化）如下：

<form method="post" id="form">
    <input type="text" name="form_fields[field1]" id="form-field-field1">
    <input type="text" name="form_fields[field2]" id="form-field-field2">
    <input type="text" name="form_fields[field3]" id="form-field-field3">
    <button type="submit">Save</button>
</form>

例如，情况一：

用户单击第一个字段（#form-field-field1）并离开表单，应提交表单，因为没有重点关注第二字段（#form-field-field2）和第三字段（{{1} }。

情况二：

用户再次在第一个字段中单击，然后继续到第二个字段（通过单击或选项卡）。这不应触发提交，因为该表单的另一个字段处于焦点/活动状态。此后，用户通过单击离开表单。没有其他表单字段处于活动状态。现在应该提交表单。

如果if语句看起来像那样，则检查是否没有重点关注另一个字段？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

formshtmljavascriptjqueryonblur