[jquery] Cách xác nhận mật khẩu bằng Jquery

Với đoạn jquery code sau đây các bạn sẽ validate được việc gõ mật khẩu của User có đúng hay không chỉ với vài dòng jQuery đơn giản :

//#pass là input chứa Password #repass là input nhập lại password
$("#repass").change(function(){
  var p = $("#pass").val();
  if($(this).val() != p){
    alert("Nhập lại mật khẩu không chính xác ! Vui lòng kiểm tra lại .");
    $("#repass").val("").parent().addClass("has-error");
  } else{
    $("#repass").parent().removeClass("has-error");
  }
})

Class .has-error là style border màu đỏ báo hiệu cho người dùng biết có lỗi trên form. Ở đây mình dùng với Bootstrap 3.0

Cấu trúc HTML cho Form của Bootstrap :

<!-- Password input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="pass">Mật khẩu</label>
  <div class="col-md-5">
    <input id="pass" name="pass" placeholder="" class="form-control input-md" required="" type="password">
   
  </div>
</div>

<!-- Password input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="repass">Nhập lại mật khẩu</label>
  <div class="col-md-5">
    <input id="repass" name="repass" placeholder="" class="form-control input-md" required="" type="password">
   
  </div>
</div>

Chúc vui  :D