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

Question

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

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

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

Answer 1

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

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

然后，您可以针对任何事件运行该功能，例如blur或keyup或按钮。

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