jquery - 送信イベントでのJqueryフォームの検証により、別のラウンドがトリガーされます

Question

    $('form').on('submit', function(e) {
    e.preventDefault();
    if(!$(this).valid()) {
        $(this).find(".dialogErrorMessageArea").show();
    } else {
        $(this).submit();
    }
});

フォームが無効な場合、カスタムエラーメッセージ領域を表示しようとしています。ただし、elseブランチはこのハンドラーに戻り、送信しません。elseブランチでフォームを送信する方法は？または、このアプローチは間違っており、これを正しく行う方法は？

Answer 1

これを試して：

$('form').on('submit', function(e) {
  if(!$(this).valid()) {
    $(this).find(".dialogErrorMessageArea").show();
    e.preventDefault();
  }
});

またはもう少し簡単です：

$('form').submit(function(e) {
  if(!$(this).valid()) {
    $(this).find(".dialogErrorMessageArea").show();
    e.preventDefault();
  }
});

Answer 2

フォーム属性を使用してフォームを送信するだけです。

$('form').on('submit', function(e) {
    e.preventDefault();
    if(!$(this).valid()) {
        $(this).find(".dialogErrorMessageArea").show();
    } else {
        $("form").submit();
    }
});