jquery - jQuery送信ボタンイベントハンドラーは、必須入力フィールドのフォーム検証を防ぎます

Question

必須の入力フィールドを含む HTML フォームがあります。次に例を示します。

<input type="number" required="required" />

私のフォームの送信ボタンは、jQuery イベントハンドラーによって制御されます。

$('#submitButton').on('click', function(event){
  return false;
});

送信ボタンハンドラーがfalseを返すという事実は、Web ブラウザーによる必須フィールドの自動チェックがないという問題につながります。「return false」を削除すると、チェックがありますが（スクリーンショットを参照）、ページがリロードされます（これは望ましくありません）。

フォーム送信アクション後にページを更新せずにブラウザのエラー修正を使用する方法はありますか?

ここに画像の説明を入力

score 1 · Accepted Answer

次のようなことを試してみたいと思います：

$('#submitButton').on('click', function(event){
    return $("<some selector for the input>")[0].checkValidity();
});

1 に答える 1