如何在javascript中自动提交表单？

Question

我有一个带有输入文本字段的表单，它每隔几秒钟导入一次数据并将其显示在表单字段中，让我们说：

<input name="code" id="code" type="text" size="64" maxlength="128" />

还有一个提交按钮，我的表单的表单名为 form1。 我希望在表单字段中的数据更改后立即单击提交按钮。 我确实尝试过以下操作。在标题中，我确实添加了以下 javascript：

<SCRIPT LANGUAGE="javascript">
function send_data()
{
document.form1.submit();
}
</SCRIPT>

在表格上：

<input name="code" id="code" type="text" size="64" maxlength="128" onchange="send_data();" />

但它没有工作..

有什么帮助吗？

谢谢

Answer 1

这样的事情会起作用：

<form action="#">
    <input type="" id="input" />
    <button type="submit"></button:>
</form>

<script>
function send_data() {
    document.forms[0].submit();
}

window.onload = function(){
    var input = document.getElementById('input');
    input.onchange = send_data;
}
</script>

但我要补充一些警告：

1. 我假设页面上只有一个表单。您会更安全地为您的表单分配 ID 并使用 getElementById 并引用它而不是 document.forms[x]
2. 只有在您失去对输入的关注后才会发生更改事件，这可能是您想要的？只需确保它是预期的行为
3. 在不知道为什么需要这样做的情况下，我注意到这可能会让用户非常恼火，因为提交会触发新的页面加载。您最好通过 ajax 进行提交，以免干扰用户的浏览。如果你这样做，我强烈推荐一个 JS 库来处理这个问题。