javascript - 密码检查问题

Question

我在检查密码是否与密码确认相同时遇到问题。逻辑很好，我不认为我的代码有错误。

      $("#pass2").keyup(function(){ 
        check_password();  
    });
       function check_password(){
  $.ajax({
  type: "post",
  url: "register.php",
  data: {
  'pass1_check': $("#pass1").val(),
  'pass2_check': $("#pass2").val()
  },
  success : function(data){
  if(data == 'success'){

      $("#output_pass2").html('<img src="images/check.png" alt=""/>');
  $("#output_pass1").html('<img src="images/check.png" alt=""/>');


  }
      else{
   $("#output_pass2").css("color","red").html(data);
  }
  }

  });
  }

我的问题是在这种情况下:if(data == 'success')在我的输出中，我没有图像，我在输出中显示“成功”，而不是检查图像

我的register.php:

<?php
if(!empty($_POST['pass1_check'])&& !empty($_POST['pass2_check']))
{
  if(strlen($_POST['pass1_check']) <6 || strlen($_POST['pass2_check']) <6)
  {
      echo'<br>Very short';
      exit();
  }else if($_POST['pass1_check'] == $_POST['pass2_check']){
      echo'success';
          exit();
}else{
      echo '<br> the two password are not same';
    exit();

  }
}

?>

html代码中密码的两个标签:

 <div class="form-group">
   <label  for="pass1"  class="col-sm-5 control-label">Password :</label>
    <div class="col-sm-5">
      <input type="Password" id="pass1" class="form-control"  placeholder="Enter Your Password " required>
         <small id="output_pass1" ></small>
    </div>


      </div>
          <div class="form-group">
   <label for="pass2"  class="col-sm-5 control-label">Confirm Your Password :</label>
    <div class="col-sm-5">
      <input type="Password" class="form-control" id="pass2" placeholder="Confirm Your Password " required>
        <small id="output_pass2"></small>
    </div>

      </div>

我使用 Bootstrap 3 来设计 CSS。

Answer 1

您的 POST 数据部分似乎不正确

更新正如迈克·塞缪尔(Mike Samuel)所指出的那样，以下内容应该有效。你有

data: {
  'pass1_check': $("#pass1").val(),
  'pass2_check': $("#pass2").val()
  },

如上所述，if(data == 'success') 不起作用。

可能需要这样做

if(data.trim() == 'success')

确保删除所有空格(如果有)。