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