Question

我在jquery中创建动态表单提交功能

＆＃13;

$('#btnsumbit').click(function() {
  $('.required_field').each(function() {
    if ($(this).val() == "") {
      alert('please fill field');
      return false;
    }
  });
  $('.email_check').each(function() {
    if ($(this).val() == "") {
      alert('please provide valid email');
      return false;
    }
  });
  $('.number_check').each(function() {
    if ($(this).val() == "") {

      alert('please provide valid number');
      return false;
    }
  });
  alert("All Are Ok");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

但是当我首先点击按钮时，它会显示所有都是OK警告框，这是错的，

我的要求是在完成所有每个循环后我需要警告框，

任何解决方案对于此或任何其他解决此问题的可能方法，感谢..

Answer 1

如果我理解你正确地用以下内容替换你的代码片段将有助于实现你的需要

$('#btnsumbit').click(function() {
  var validationMsg = ""
  $('.required_field').each(function() {
    if ($(this).val() == "") {
      validationMsg = validationMsg + 'please fill field \n'
      return false;
    }
  });
  $('.email_check').each(function() {
    if ($(this).val() == "") {
      validationMsg = validationMsg + ' please provide valid email \n' ;
      return false;
    }
  });
  $('.number_check').each(function() {
    if ($(this).val() == "") {
      validationMsg = validationMsg + ' please provide valid number \n';
      return false;
    }
  });
  if(validationMsg == "") {
    alert("All Are Ok"); 
  } else {
    alert(validationMsg);
  }
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

如何仅使用所有错误消息显示验证消息一次

1 个答案: