【问题标题】:Trouble using JavaScript events on submitting a form to validate its fields在提交表单时使用 JavaScript 事件来验证其字段时遇到问题
【发布时间】:2011-02-05 13:17:00
【问题描述】:

我想使用 JavaScript 实现一个带有“实时”验证字段的表单。

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

文本字段

onkeyup:这用于发送一个请求,在每次释放密钥时检查该字段是否有错误。如果有错误,它将显示这些错误,否则显示“Ok!”文本。

提交按钮

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

在页面的末尾,我有一个 JavaScript,它会在显示时聚焦一个文本字段。

在字段上同时使用 onkeyupfocus 事件,提交表单后不点击按钮(与按钮相关的事件仅在点击按钮时发生,不是当我使用 'enter' 键 [on keyboard] 提交表单时),focus 事件将自动触发 onkeyup 事件:这意味着,提交后,被称为两个事件(focus 意味着 onkeyup),因此对于文本字段将首先显示错误(如果有),然后是“Ok!”文本。

我不希望在提交表单后关注该字段,以便不会触发 onkeyup 事件...或使用“输入”键来模拟提交按钮的“点击”。


P.S.:如果您知道“实时”(以及更好)执行验证的其他技术,请告诉我。

【问题讨论】:

  • 能否请您再次通读您的问题并使其更易于理解?特别是。 and so for the Text Field will be displayed first the errors, if there are, and then the "Ok!" text. 之类的东西。你从来没有提到过“好的!”之前的文字。

标签: javascript ajax validation forms


【解决方案1】:

JQueryJQuery validation plugin 将在实施实时验证方面为您节省大量时间。

您还可以将它们与 JQuery Form plugin 结合使用,以检查(在技术上)提交时的验证。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-08-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-06-30
    • 2016-12-16
    相关资源
    最近更新 更多