Javascript 使用jQuery进行自定义表单验证

Im使用jQuery进行自定义表单验证

我的问题是，当它发出错误警报时，我会在一个单独的警报对话框中获取每个错误。。我的目标是让它在一个警报中列出所有错误

我如何做到这一点

这是我的代码：

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

})

使用下列内容

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

---

我在验证过程中遇到了一些问题。如果用户试图提交表单时出现错误，即使已修复并重新提交，该错误也会再次出现。此外，如果第一次提交正确，警报仍将显示，但没有错误（显然）。。这里是一个开发网站的链接，请发布新问题，因为它与您的问题不同。我会回答的。只需在评论中添加新问题的链接。