A mechanism that automatically checks form input correctness and notifies users of errors.
Constraint Validation API は、フォームに入力された値が正しいかどうかをブラウザが自動でチェックするための仕組みです。たとえば、メールアドレス欄に「@」が入っていなければ送信できない、空欄のままではボタンが押せない、などのルール(バリデーション)を簡単に実現できます。
HTMLの required
や type="email"
などの属性だけでも動きますが、Constraint Validation API を使えば JavaScript で次のようなことが可能になります:
checkValidity()
で判定できるvalidationMessage
で理由を取得できるsetCustomValidity()
で独自ルールを組み込めるこれにより、ユーザーが間違った入力をしても、リアルタイムでわかりやすくエラーを伝えることができるため、使いやすく、正しいデータだけが送信されるフォームを作ることができます。