javascript - 是否可以在字段有效时触发事件(html5)？

Question

在 html5 中字段可以是有效的。 (例如 type="email" 必须遵循电子邮件约定等)。

使用 css，您可以使用伪元素选择有效字段:输入:有效。

是否可以在输入有效时触发事件？

Answer 1

对要检查的输入的 DOM 元素使用 checkValidity() 方法。

function isValidInput (input) {
    return $(input)[0].checkValidity();
}

然后您可以在任何事件上运行该函数，例如 blur 或 keyup 或按钮。

演示: http://jsfiddle.net/nSLQb/1/