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

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

1 个答案: