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/