JavaScript
A method that allows you to display custom error messages for form inputs.
setCustomValidity [method]
setCustomValidity
は、フォーム入力欄に独自のエラーメッセージを設定するためのメソッドです。
フォームのバリデーション(入力チェック)で条件に合わない場合に、このメソッドを使うと、ブラウザが表示する標準のエラーではなく、自分で決めたメッセージを出すことができます。
例えば、メールアドレス欄で独自のルールを追加したいとき、
emailInput.setCustomValidity("メールアドレスの形式が正しくありません");
のように使います。
ポイント:
- 空文字
""
を設定すると、エラーをリセットできます。
- ブラウザの自動バリデーションと組み合わせて使うと便利です。
- 送信時に条件を満たしていないと、設定したメッセージが表示されます。