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

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