在提交表单以验证其字段时使用JavaScript事件时遇到问题

Question

我想实现一个包含使用JavaScript实时验证的字段的表单。

为了做到这一点，我以这种方式使用了Java事件：

文字字段

onkeyup ：这用于发送请求，每次释放密钥时都会检查此字段是否存在错误。如果有错误则会显示错误，否则为“Ok！”文本。

提交按钮

onclick ：点击后，如果有错误，将再次检查 。如果是这样，这将显示错误，否则它将隐藏提交按钮。

在页面的最后，我有一个JavaScript，在出现时集中一个文本字段。

在字段上同时使用 onkeyup 和焦点事件，提交表单后不单击按钮（仅当单击按钮时才会发生与按钮相关的事件，当我使用“输入”键[在键盘上]提交表单时，焦点事件将自动触发 onkeyup 事件：这意味着，在提交后，被称为两个事件（焦点暗示 onkeyup ），因此对于文本字段将首先显示错误（如果有），然后是“确定！”文本。

我希望在提交表单后关注，因此不会触发 onkeyup 事件...或使用'enter'用于模拟提交按钮的“点击”的键。

---

P.S。：如果你知道其他技术以“实时”（和更好）进行验证，请告诉我。

Answer 1

JQuery和JQuery validation plugin可以节省大量时间来实施实时验证。

您还可以将它们与JQuery Form plugin结合使用，以检查（技术上）技术上的验证。