JavaScript

この記事では「JavaScript」について、基本の意味と使い方を初心者向けにやさしく説明します。

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

Constraint Validation API

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

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

• 入力が有効かどうかを checkValidity() で判定できる
• 無効なときに validationMessage で理由を取得できる
• JavaScriptで独自のエラーメッセージを設定できる
• setCustomValidity() で独自ルールを組み込める

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