當字段有效（html5）時是否可以觸發事件？

Question

在html5字段中可以有效。 （例如type="email"必須遵循電子郵件慣例等）。

使用CSS你可以選擇有效的字段與僞元素： input:valid。

當輸入有效時是否可以觸發事件？

Answer 1

對要檢查的輸入的DOM元素使用checkValidity()方法。

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

然後你可以運行在任何情況下該功能，像blur或keyup或按鈕。

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