javascript - 当字段有效（html5）时是否可以触发事件？

Question

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

使用 css，您可以使用 psuedo-element: 选择有效字段 input:valid。

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

Answer 1

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

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

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

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