即使未填写必填字段，我是否可以在超时时提交表单

Question

我想知道是否可以在一段时间（例如 2 分钟）后提交表单，即使没有填写所有必填字段，因为我希望提交该固定时间段内输入的所有数据. 目前，虽然我使用的是基于 javascript 的超时函数，但它不允许在超时时提交表单，因为未完成必填字段。 我将所有字段都设置为必填字段，因为如果它不是必填字段，自动对焦功能似乎不起作用（即在当前字段中按 Enter 时不会自动进入下一个输入字段。有没有办法解决这个问题？谢谢非常感谢您的帮助！

 window.setTimeout(() => this.submit(), 120000)

 <html> <main> <form> <br><label for="response1"><b>Animals</b></label><br> <input type="text" id="response1" name="response1" autocomplete="off" autofocus required></br> <br><input type="text" id="response2" name="response2" autocomplete="off" autofocus required></br> <br><input type="text" id="response3" name="response3" autocomplete="off" autofocus required></br> <br><input type="text" id="response4" name="response4" autocomplete="off" autofocus required></br> <button type="submit">Submit</button> </form> </main> </html>

Answer 1

当然，只需将此逻辑放在您的函数中即可。 您只需从字段中删除required属性。

let form = document.querySelector('form');
let inputs = form.getElementsByTagName('input');
let i;

for (i = 0; i < inputs.length; i++) {
    inputs[i].required = false;
}

Answer 2

您的代码有几个问题：

你不应该打开和关闭 br 标签，你只需在你想要换行的地方放一个<br>
autofocus 属性应该只放在一个输入上，并且在页面加载时该输入将获得焦点。
根据您调用代码的方式，您可能会遇到this关键字的问题，您最好直接调用表单。

我在您的代码中更改了这些内容并使用以下代码成功（无需删除必需的属性，但如果真的不需要它们，只需删除它们）：

 window.setTimeout(() => document.forms[0].submit(), 1000)

 <html> <main> <form> <br> <label for="response1"> <b>Animals</b> </label> <br> <input type="text" id="response1" name="response1" autocomplete="off" autofocus required> <br> <input type="text" id="response2" name="response2" autocomplete="off" required> <br> <input type="text" id="response3" name="response3" autocomplete="off" required> <br> <input type="text" id="response4" name="response4" autocomplete="off" required> <button type="submit">Submit</button> </form> </main> </html>

我将超时更改为一秒只是为了能够看到效果。

即使未填写必填字段，我是否可以在超时时提交表单

问题描述

2 个解决方案

解决方案1
0 2020-10-28 04:59:12

解决方案2
0 2020-10-28 05:08:25

即使未填写必填字段，我是否可以在超时时提交表单

问题描述

2 个解决方案

解决方案1 0 2020-10-28 04:59:12

解决方案2 0 2020-10-28 05:08:25

解决方案1
0 2020-10-28 04:59:12

解决方案2
0 2020-10-28 05:08:25