入力テキストボックスのHTML5有効状態を取得するにはどうすればよいですか？

Question

テキストボックスのHTML 5 '有効性'ステータスを取得するにはどうすればよいですか？

例えば、type="email"というテキスト入力があります。ユーザーが間違った値を入力すると、テキストボックスに赤い枠が表示されます（Firefoxブラウザで）。

入力ボックスの「有効状態」を確認するにはどうすればよいですか？

Answer 1

あなたはvalidityプロパティを使用することができます

var isValid = document.getElementById('email').checkValidity(); 

Demoを| Reference。

Answer 2

event oninvalid for invalid inputがあります。あなたがそれに対処したい場合は、イベントを登録することができます。

var isValid = document.getElementById('email').validity.valid; 

またはcheckValidity()方法：