検証が無効な場合に、必須、パターンなどのネイティブ検証ボックスを HTML5 に実装するにはどうすればよいですか?さまざまな制約が満たされていないために無効な場合に、さまざまな内容のプロンプト ボックスがポップアップ表示されるのはなぜですか?無効イベントと有効属性の組み合わせで実装されているのでしょうか？ setCustomValidity() メソッドはどのように機能しますか?この内容は読めば読むほどわかりにくくなっているような気がするので、専門家の方にアドバイスをいただきたいのですが…
欢迎选择我的课程，让我们一起见证您的进步~~
MDN のフォーム検証を確認してください。簡単なデモに従うと、ゆっくりと理解できると思います。
必須: 空白の確認、例:
input[type=text] の値が空の場合、プロンプト ボックスが表示され、フォームの送信は禁止されます。pattern: は次のような正規表現と一致します。 リーリー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
MDN のフォーム検証を確認してください。簡単なデモに従うと、ゆっくりと理解できると思います。
必須: 空白の確認、例:
リーリーinput[type=text] の値が空の場合、プロンプト ボックスが表示され、フォームの送信は禁止されます。
input[type=text]の値が3桁でない場合、送信ボタンをクリックするとプロンプトが表示されますpattern: は次のような正規表現と一致します。 リーリー