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

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Buy Books Online at Best Prices

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.