Javascript 自动提交表格

当您在输入中填写了4个数字时，我想自动提交表格。 我目前只有一个基本的html表单：

<form action="send.php" method="POST">
   <input type="number" maxlength="4">
</form>

现在我希望，如果您达到最大长度，它会自动提交表单，这样您就不必按enter键或submit键。

---

有什么方法可以做到这一点吗？

您可以这样做：

将键控侦听器添加到输入

检查其中值的长度

功能检查字段（输入）{
if（input.value.length==4）{
document.forms[0]。提交（）；
}
}

---

您可以这样做：

将键控侦听器添加到输入

检查其中值的长度

功能检查字段（输入）{
if（input.value.length==4）{
document.forms[0]。提交（）；
}
}

---

尝试此方法-使用键向上触发的frunction并使用jQuery-同时在函数中获取maxlength，因为它在将来可能会更改。我还在其中添加了一个警告，以便您可以在代码段中看到效果-仅适用于so

//js（假设使用jQuery）
$（'[name=sampleInput]'）。在（'keyup'，function（）上{
var maxlen=$（this.attr（'maxlength'）；
var len=$（this.val（）；
如果（len.length==maxlen）{alert（'form submitted'）；$（'[name=sampleForm]'））.submit（）；}
})

---

尝试此方法-使用键向上触发的frunction并使用jQuery-同时在函数中获取maxlength，因为它在将来可能会更改。我还在其中添加了一个警告，以便您可以在代码段中看到效果-仅适用于so

//js（假设使用jQuery）
$（'[name=sampleInput]'）。在（'keyup'，function（）上{
var maxlen=$（this.attr（'maxlength'）；
var len=$（this.val（）；
如果（len.length==maxlen）{alert（'form submitted'）；$（'[name=sampleForm]'））.submit（）；}
})

---

您可以定义

oninput

属性：

<input type="number" maxlength="4" oninput="if(this.value.length==4) this.form.submit();">

---

您可以定义

oninput

属性：

<input type="number" maxlength="4" oninput="if(this.value.length==4) this.form.submit();">

---

---

您可以通过Jquery实现这一点。你尝试过任何东西吗？我可以使用PHP的基础知识，但没有使用Jquery的经验。对不起，你在PHP中尝试过什么吗？仅仅用PHP是不可能的。那么看看jQuery，@BramvanDartel，HTML不支持你想要的任何东西，所以你需要自己实现它。您想要的这个特性非常容易实现，因此这也是开始使用jQuery的绝佳机会！您可以通过Jquery实现这一点。你尝试过任何东西吗？我可以使用PHP的基础知识，但没有使用Jquery的经验。对不起，你在PHP中尝试过什么吗？仅仅用PHP是不可能的。那么看看jQuery，@BramvanDartel，HTML不支持你想要的任何东西，所以你需要自己实现它。您想要的这个特性非常容易实现，因此这也是开始使用jQuery的绝佳机会！最好将javascript函数与HTML分开-结构和函数分开等等…谢谢@gavgrif。我同意，我已经补充了这一点作为替代。最好保持javascript函数与HTML分离-结构和函数分离等…谢谢@gavgrif。我同意，另外，我还添加了这个选项。请注意，

onkeyup

事件不会捕获对输入框值所做的所有更改。请注意，

onkeyup

事件不会捕获对输入框值所做的所有更改。请注意，

onkeyup

事件不会捕获对输入框值所做的所有更改盒子。这并不需要jQuery。公平点-需要进一步的逻辑来获取递增的数量或将值粘贴到框中的效果。我同意——jQuery可能有些过分，但我确实喜欢它，而且现在在页面中使用它是相当普遍的。但是我不会仅仅为了这个解决方案而将其包含在页面中-您是正确的。请注意，

onkeyup

事件不会捕获对输入框的值所做的所有更改。这并不需要jQuery。公平点-需要进一步的逻辑来获取递增的数量或将值粘贴到框中的效果。我同意——jQuery可能有些过分，但我确实喜欢它，而且现在在页面中使用它是相当普遍的。但我不会仅仅为了这个解决方案而将其包含在页面中-你是对的。