在移动到另一个字段后验证输入字段,而不是在按下键时

validating input field after moving to another field and not on keydown

本文关键字:字段 输入 移动 另一个 验证      更新时间:2023-09-26

我目前正在验证一个输入字段,但我目前的问题是,我将其设置为在每次按键后进行验证。我想在光标从不确定语法的输入字段中移出后对其进行更改以进行验证。

这是我当前的输入字段:

<input type="text" id="EmailField" name="Email" placeholder="Email" data-val="true" data-bind="value:email, event: { keyup: validateEmail, valueUpdate: 'afterkeydown'}" required="">

我的验证电子邮件功能:

$this.validateEmail = function () {
            var regexEmail = ...Expression...;
            var result = regexEmail.test($('#EmailField').val());
            if (!result) {
                notify({title: 'Invalid Email', text:'Invalid email format', type:'error'})
            }
        };

使用onblur事件并调用函数在该功能中,您可以使用验证

<input id="a" onblur="fun(this);">
  <script>
    function fun(ab){
      alert(ab.value);
    }
  </script>

jsbin示例

上面的代码片段使用了输入的onblur事件

答案已更新

在事件中使用模糊而不是按键

<input type="text" id="EmailField" name="Email" placeholder="Email" data-val="true" data-bind="value:email, event: { blur: validateEmail, valueUpdate: 'afterkeydown'}" required="">