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

在html5中，字段可以是有效的。（例如，

type=“email”

必须遵循电子邮件惯例等）

使用css，您可以使用psuedo元素选择有效字段：

输入：有效

---

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

对要检查的输入的DOM元素使用

checkValidity（）

方法

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

然后，您可以在任何事件上运行该函数，例如

blur

或

keyup

或按钮

---

演示：

验证过程中会触发事件，但在表单中键入内容时不会触发。编辑-实际上，对于无效的元素，您只会得到“无效”事件