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

Question

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

我试过这个：

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

但是在第二种形式中，它会检查第一种形式（它应该是空的，因为你没有填写那个......）

提前致谢！

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;
});