javascript - 使用 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);
      });    
    })