From a769528a85e13a15b377abdbf27933ae44a84458 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sat, 27 Mar 2021 00:57:18 +0900 Subject: タイプミスを修正 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/api/constraint_validation/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'files/ja/web') diff --git a/files/ja/web/api/constraint_validation/index.html b/files/ja/web/api/constraint_validation/index.html index 47ae6cfb1e..3dba93f384 100644 --- a/files/ja/web/api/constraint_validation/index.html +++ b/files/ja/web/api/constraint_validation/index.html @@ -108,7 +108,7 @@ nameInput.addEventListener('invalid', () => {
  • input 要素の値が変更されるたびに、 input イベントハンドラーから checkValidity() メソッドを実行して、入力要素の有効状態をチェックしています。
  • 値が無効な場合は、 invalid イベントが発生し、 invalid イベントハンドラー関数が実行されます。この関数の中では、値が空であるために無効なのか、パターンに一致しないために無効なのかを、 if() ブロックを使って判断し、独自の検証エラーメッセージを設定します。
  • その結果、送信ボタンが押されたときに入力値が無効であれば、カスタムエラーメッセージのいずれかが表示されます。
    • -
  • 有効であれば、期待通りに送信されます。そのためには、空の文字列値で setCustomValidity() を呼び出すことによって、カスタム検証をキャンセルしなければなりません。そのため、 input イベントが発生するたびにこれを行います。これを行わず、以前にカスタム検証が設定されていた場合、送信時に現在有効な値を含んでいても、入力は無効と登録されてしまいます。I
    • +
  • 有効であれば、期待通りに送信されます。そのためには、空の文字列値で setCustomValidity() を呼び出すことによって、カスタム検証をキャンセルしなければなりません。そのため、 input イベントが発生するたびにこれを行います。これを行わず、以前にカスタム検証が設定されていた場合、送信時に現在有効な値を含んでいても、入力は無効と登録されてしまいます。
    • -- cgit v1.2.3-54-g00ecf