[解決済み】jQueryで送信せずにhtml5フォームの検証を強制する方法

質問

私のアプリにこのようなフォームがあり、AJAXで送信しますが、クライアント側の検証のためにHTML5を使用したいと思います。そこで、おそらくjQueryを使用して、フォームの検証を強制的に行えるようにしたいのですが、可能でしょうか？

フォームを送信せずに検証を開始したいのですが、可能ですか？可能でしょうか？

解決方法を教えてください。

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

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

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

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

一部のブラウザ（Chromeなど）が持つネイティブなエラーメッセージを表示したい場合、残念ながらこのようにフォームを送信する方法しかありません。

var $myForm = $('#myForm');

if (!$myForm[0].checkValidity()) {
    // If the form is invalid, submit it. The form won't actually submit;
    // this will just cause the browser to display the native HTML5 error messages.
    $myForm.find(':submit').click();
}

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