How To Validate Password And Confirm Password Using JQuery

WebSolutionStuff | Sep-02-2020 | Categories : PHP jQuery HTML

In this post i will show you how to validate password and confirm password using jQuery,Validation is basic and important feature for authentication user so here i will give you demo about password and confirm password validation using jquery.

In jquery we are using keyup event to check whether password and confirm password is match or not.

        <meta charset="utf-8">
        <title>How to validate password and confirm password in jquery -</title>
        <link href="" rel="stylesheet">
        <script src=""></script>
        <script src=""></script>
      <div class="row">
        <div class="col-md-6 col-md-offset-3">
          <h1>How to validate password and confirm password in jquery -</h1><br />
            Enter Password <input type="password" class="form-control" id="Password" placeholder="Enter a password" name="password"><br /> <br / >
            Enter Confirm Password <input type="password" class="form-control" id="ConfirmPassword" placeholder="Enter a Confirm Password" name="confpassword" >
            <div style="margin-top: 7px;" id="CheckPasswordMatch"></div>
$(document).ready(function () {
   $("#ConfirmPassword").on('keyup', function(){
    var password = $("#Password").val();
    var confirmPassword = $("#ConfirmPassword").val();
    if (password != confirmPassword)
        $("#CheckPasswordMatch").html("Password does not match !").css("color","red");
        $("#CheckPasswordMatch").html("Password match !").css("color","green");


And you will get output like below image.


Recommended Post
Featured Post

Follow us
facebooklogo github instagram twitter