Javascript 具有相同提交功能的不同表单

Javascript 具有相同提交功能的不同表单,javascript,jquery,Javascript,Jquery,我有许多通过PHP动态生成的表单。我正在尝试验证将要提交的表单上的所有字段是否已填写。我刚开始用JQuery,所以如果答案太简单,我很抱歉 我试过这个: $('.myform').submit(function(){ var flag = true; $('.myform input').each(function() { if($(this).val() === ''){ flag = false; return false;

我有许多通过PHP动态生成的表单。我正在尝试验证将要提交的表单上的所有字段是否已填写。我刚开始用JQuery,所以如果答案太简单,我很抱歉

我试过这个:

$('.myform').submit(function(){    
  var flag = true;
  $('.myform input').each(function() {
      if($(this).val() === ''){
          flag = false;
          return false;
      }
  });
  return flag;  
});
但是在第二个表单中,它会检查第一个表单(因为您没有填写该表单,所以该表单应该为空…)

提前谢谢

$('.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;
});

您还应该修剪
.val()
。另外,您是否可以通过只说
returnflag=false来避免重复