confirm password validation in jquery

confirm password validation in jquery

This is basically used for confirm password validation in jquery. The code sample as given below.

Table of Contents

1. The code sample for HTML code
2. The code sample for jQuery

Code sample for HTML code

<div id="confirmPassword">
    <div>
        <span class="label">Old Password</span>
        <input type="text" class="Password" id="OLdPassword" />
    </div>
    <div>
        <span class="label">Password</span>
        <input type="password" class="password" id="password" />
    </div>
    <div>
        <span class="label">Confirm Password</span>
        <input type="password" class="confirmPassword" id="confirmPassword" />
    </div>
    <input id="btnSubmit" type="submit" value="Submit">
</div>

Code Sample for jQuery

<script type="text/javascript">
    $(document).ready(function () {
        $('#btnSubmit').click(function (e) {
            var pwd1 = $('#password').val();
            var pwd2 = $('#confirmPassword').val();

            var len = pwd1.length;
            if (len < 1) {
                alert("Password cannot blank!");
                event.preventDefault();
            }

            if (pwd1 != pwd2) {
                alert("Password and Confirm Password don't match!");
                e.preventDefault();
            }
        });
    });
</script>
ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

www.code-sample.com/. Powered by Blogger.
^