javascript - 同じ送信機能を持つ異なるフォーム

Question

PHP を介して動的に生成された多くのフォームがあります。送信される 1 つのフォームのすべてのフィールドが入力されていることを確認しようとしています。私はJQueryを始めたばかりなので、答えがばかばかしいほど簡単でしたら申し訳ありません。

私はこれを試しました：

$('.myform').submit(function(){    
  var flag = true;
  $('.myform input').each(function() {
      if($(this).val() === ''){
          flag = false;
          return false;
      }
  });
  return flag;  
});

しかし、2 番目のフォームでは、最初のフォームに移動してチェックします (これは、入力していないため、空である必要があります...)

前もって感謝します！

Answer 1

$('.myform').submit(function(){    
  var flag = true;
  // use $(this) below which is the form has submit event fired.
  $(this).find('input').each(function() {
      if($(this).val() === ''){
          flag = false;
          return false;
      }
  });
  return flag;  
});

または、次の方法でコードを簡素化できます。

$('.myform').submit(function() {
    return $(this).find('input').filter(function() {
        return $.trim($(this).val()) !== '';
    }).length == 0;
});