jquery表單驗證

Question

我很難與提交處理程序... 爲什麼下面的表單域仍爲空時提交表單？

$("form").submit(function() { 

$(".required").each(function() { //check each instance with class of 'required'. 
if ($(this).val() == "") { //if field left blank, 
return false; //halt/prevent form submission. 
} 
//else .. 
return true; //all is ok, proceed. 
}); 

}); 

Answer 1

因爲你return true;將執行任何非空場，從而防止代碼檢查各個領域。另外，你只是返回內部函數，而不是提交處理程序。你應該改寫爲這樣的：

$("form").submit(function() { 

    isValid = true; 

    $(".required").each(function() { //check each instance with class of 'required'. 
     if ($(this).val() == "") { //if field left blank, 
      isValid = false; 
     }  
    }); 

    return isValid; //all is ok, proceed. 

}); 

Answer 2

快速回答：我想這是因爲你的return false嵌套在一個$.each功能。