проблема проверки в jquery

Question

Я новичок в JQuery и использовал форму asp.net, в которой у меня есть 3 текстовых поля и 1 кнопка. Мой код работает, но есть проблема, что не все мои проверки работают одновременно. Пример. Я оставляю текстовое поле пользователя и снова вводит пароль и пароль, показывая мне только 1 ошибку текстового поля.

код My Java Script:

<script type="text/javascript" src="jquery-1.10.2.min.js"></script> 

<script type="text/javascript"> 
    $("document").ready(function() { 
     $("#<%=style2.ClientID%>").click(function() { 
      var valid = false 
      errorMessage = "" 
      var pass = $("#<%=textbox4.ClientID%>").val(); 
      var pass1 = $("#<%=textbox5.ClientID%>").val(); 
      if ($("#<%=textbox1.ClientID%>").val() == '') { 
       errorMessage = "please enter your name \n" 
       valid = true 
      } 

      else if (pass != pass1) { 
       errorMessage = "password not match" 
       valid = true 
      } 
      if (valid==true) { 
       alert(errorMessage) 
       return false 
      } 

     }); 
     $("#<%=textbox4.ClientID%>").keypress(function() { 
      $("#<%=Label1.ClientID %>").text(countlength($("#<%=textbox4.ClientID%>").val())) 
      function countlength(len) { 
       var count = 0 
       if (len.length < 8) { 
        return "Chracters Atleast 8" 
       } 
       else { 
        return "Strong Password" 
       } 
      } 
     }); 
    }); 
</script> 

Answer 1

Это происходит потому, что вы пишете сообщение об ошибке, как предупреждение. Если вы хотите проверить все поля и затем открыть одно сообщение об ошибке, вам следует назначить проверки кнопки отправки и открыть одно всплывающее окно, когда все поля заполнены, а пользователь хочет отправить форму.

Другой способ - проверить каждое поле отдельно и открыть не всплывающее окно, но, например, div с сообщением об ошибке прямо под полем ввода после изменения значения поля.

Answer 2

// Удалить «еще» из вашей «если-то еще» заявление и сцепить сообщение об ошибке со знаком

$("#<%=style2.ClientID%>").click(function() 
    { 
      var valid = false 
      errorMessage = "" 
      var pass = $("#<%=textbox4.ClientID%>").val(); 
      var pass1 = $("#<%=textbox5.ClientID%>").val(); 
      if ($("#<%=textbox1.ClientID%>").val() == '') { 
       errorMessage = "please enter your name \n" 
       valid = true 
      } 

      //Remove else 
      if (pass != pass1) { 
      //concatenate error message 
       errorMessage += "password not match" 
       valid = true 
      } 
      if (valid==true) { 
       alert(errorMessage) 
       return false 
      } 

    }); 

надеюсь, что это будет работать «+».