パスワード一致を確認すると、両方のフィールドが空の場合に「パスワード一致」が返されます

Question

登録フォームを作成していて、入力中にパスワードが一致するかどうかを確認して、これまでのところ、すべてはこれらのものを除いて、動作します：

• ユーザーがパスワードの確認]フィールドからすべてを削除すると、それはまだ 私は に彼に何のメッセージやメッセージを与えないようにしたいしながら、メッセージ「パスワードが一致しない」彼を与えます「パスワードを確認してください」と言ってください。
• ユーザーが両方のフィールドからすべてを削除すると、彼にメッセージが返されます。 "パスワード一致"が表示されます。 、

  $(function() { 
      $("#txtNewPassword").keyup(checkPasswordMatch); 
      $("#txtConfirmPassword").keyup(checkPasswordMatch); 
  }); 
  
  
  function checkPasswordMatch() { 
      $("#divCheckPasswordMatch").html(""); 
      var password = $("#txtNewPassword").val(); 
      var confirmPassword = $("#txtConfirmPassword").val(); 
  
      if (password == "" && confirmPassword == ""){ 
       $("#divCheckPasswordMatch").html(""); 
       $("#divIsPasswordExist").html(""); 
      } 
      else if (password != "" && confirmPassword == "") { 
       $("#divCheckPasswordMatch").html(""); 
      } 
  
      else if (password == "" && confirmPassword != "") 
       $("#divIsPasswordExist").html("Password cannot be empty!"); 
      else 
       $("#divIsPasswordExist").html(""); 
  
  
      if (password != confirmPassword) 
      { 
       $("#divCheckPasswordMatch").removeClass("registrationFormConfirm"); 
       $("#divCheckPasswordMatch").addClass("registrationFormAlert"); 
       $("#divCheckPasswordMatch").html("Passwords do not match!"); 
      } 
      else 
      { 
       $("#divCheckPasswordMatch").removeClass("registrationFormAlert"); 
       $("#divCheckPasswordMatch").addClass("registrationFormConfirm"); 
       $("#divCheckPasswordMatch").html("Passwords match."); 
      } 
  } 
  

  任意のアイデアください：

は、ここに私のコードですか？ ありがとうございました！

Answer 1

...... 
     if (password == "" && confirmPassword == ""){ 
      $("#divCheckPasswordMatch").html(""); 
      $("#divIsPasswordExist").html("Password and Confirm Password dosen't exists"); 
      return; 
     } 
     else if (password != "" && confirmPassword == "") { 
      $("#divCheckPasswordMatch").html("Confirm Password dosent't exists"); 
      return; 
     } 
     else if (password == "" && confirmPassword != ""){ 
      $("#divIsPasswordExist").html("Password cannot be empty!"); 
      return; 
     } 
     else{ 
      $("#divIsPasswordExist").html(""); 
     } 
     if (password != confirmPassword) 
     { 
      $("#divCheckPasswordMatch").removeClass("registrationFormConfirm"); 
      $("#divCheckPasswordMatch").addClass("registrationFormAlert"); 
      $("#divCheckPasswordMatch").html("Passwords do not match!"); 
     } 
     else 
     { 
      $("#divCheckPasswordMatch").removeClass("registrationFormAlert"); 
      $("#divCheckPasswordMatch").addClass("registrationFormConfirm"); 
      $("#divCheckPasswordMatch").html("Passwords match."); 
     } 
......... 

Answer 2

if (password != confirmPassword)はいずれも空であるため、var password = $("#txtNewPassword").val();とvar confirmPassword = $("#txtConfirmPassword").val();を両方ともお互いに等しく設定すると、falseであるためです。値が空であるかどうかをチェックした後に戻り値を追加すると、ユーザーがテキストを削除したときに最初のチェック文の下に何もチェックされません。

//最初のチェック

if (password == "" && confirmPassword == ""){ 
return false; 
} 

...残りのコード

Answer 3

if (password == "" && confirmPassword == ""){ 
    return false; 
} 
    .... 
    .... 

if(confirmPassword != "") 
    $("#txtConfirmPassword").html("Please confirm password"); 

     if (password != confirmPassword) 
     { 
      $("#divCheckPasswordMatch").removeClass("registrationFormConfirm"); 
      $("#divCheckPasswordMatch").addClass("registrationFormAlert"); 
      $("#divCheckPasswordMatch").html("Passwords do not match!"); 
     } 
     else 
     { 
      $("#divCheckPasswordMatch").removeClass("registrationFormAlert"); 
      $("#divCheckPasswordMatch").addClass("registrationFormConfirm"); 
      $("#divCheckPasswordMatch").html("Passwords match."); 
     } 

... 
... 

Answer 4

これを行うにはよりエレガントな方法があります。あなたの条件をこれに変更してください

if(password.length > 0 && confirmPassword.length >0) { 
    if(password == confirmPassword) { 
     //confirmed 
    } else { 
     // not confirm 
    } 

} else { 
    //not entered 
}