CSS

A mechanism that automatically checks form input correctness and notifies users of errors.

Constraint Validation API

Constraint Validation API は、フォームに入力された値が正しいかどうかをブラウザが自動でチェックするための仕組みです。たとえば、メールアドレス欄に「@」が入っていなければ送信できない、空欄のままではボタンが押せない、などのルール(バリデーション)を簡単に実現できます。

HTMLの requiredtype="email" などの属性だけでも動きますが、Constraint Validation API を使えば JavaScript で次のようなことが可能になります:

これにより、ユーザーが間違った入力をしても、リアルタイムでわかりやすくエラーを伝えることができるため、使いやすく、正しいデータだけが送信されるフォームを作ることができます。