使用jQuery自定義表單驗證

Question

使用jQuery進行自定義表單驗證。

我的問題是，當它提醒一個錯誤，我得到每個錯誤在一個單獨的警報對話框..我的目標是讓它列出1單一警報中的所有錯誤。

我該如何做到這一點？

這是我的代碼：

jQuery(document).ready(function() { 

    jQuery("form.kontakt-form").on("submit", function(e){ 
    jQuery(".kontakt-form input").each(function(){ 

     var name = jQuery(this).attr("placeholder"); 

     if(jQuery(this).val() == ""){ 
     alert("There was an error" + " " + name); 
     e.preventDefault(); 
     }else{ 
     return true; 
     } 
    }); 
    }); 

}) 

Answer 1

使用以下

jQuery(document).ready(function() { 
    var nameErr = ''; 
     jQuery("form.kontakt-form").on("submit", function(e){ 
     jQuery(".kontakt-form input").each(function(){ 

      var name = jQuery(this).attr("placeholder"); 

      if(jQuery(this).val() == ""){ 
      nameErr += '\n'+name; 
      e.preventDefault(); 
      }else{ 
      return true; 
      } 
     }); 
     alert("There was an error" + " " + nameErr); 
     });  
    })