jQuery 経由で HTML フォームを送信せずに強制的に検証する方法 質問する

jQuery 経由で HTML フォームを送信せずに強制的に検証する方法 質問する

私のアプリにはこのフォームがあり、AJAX 経由で送信しますが、クライアント側の検証には HTML を使用したいと考えています。そのため、おそらく jQuery 経由でフォーム検証を強制できるようにしたいと考えています。

フォームを送信せずに検証をトリガーしたいのですが、可能ですか?

ベストアンサー1

特定のフィールドが有効かどうかを確認するには、次を使用します。

$('#myField')[0].checkValidity(); // returns true|false

フォームが有効かどうかを確認するには、次を使用します。

$('#myForm')[0].checkValidity(); // returns true|false

HTML5組み込みエラーを表示

if (! $('#myForm')[0].checkValidity()) {
      $('#myForm')[0].reportValidity()
}

現時点では、HTML5 検証はすべてのブラウザでサポートされているわけではないことに注意してください。

おすすめ記事