Password Matching using JavaScript

21 Sep, 2018
Given two boxes i.e. password and confirm password. The task is to check the entered password is matched or not.
It is used in online application form or social sites to signup account to verify the entered password by user is correct or not. It is the simple method to verify the password matches. First password is stored into a password1 variable and confirm password is stored in password2 variable. Then check if both variable value is equal then password match otherwise password does not match.
Below is the implementation of above approach:
<!DOCTYPE html><html>    <head>        <script>                      // Function to check Whether both passwords            // is same or not.            function checkPassword(form) {                password1 = form.password1.value;                password2 = form.password2.value;                  // If password not entered                if (password1 == '')                    alert ("Please enter Password");                                      // If confirm password not entered                else if (password2 == '')                    alert ("Please enter confirm password");                                      // If Not same return False.                    else if (password1 != password2) {                    alert ("\nPassword did not match: Please try again...")                    return false;                }                  // If same return True.                else{                    alert("Password Match: Welcome to GeeksforGeeks!")                    return true;                }            }        </script>        <style>            .gfg {                font-size:40px;                color:green;                font-weight:bold;                text-align:center;            }            .geeks {                font-size:17px;                text-align:center;                margin-bottom:20px;            }        </style>    </head>    <body>        <div class = "gfg">GeeksforGeeks</div>        <div class = "geeks">A computer science portal for geeks</div>        <form onSubmit = "return checkPassword(this)">        <table border = 1 align = "center">            <tr>                <!-- Enter Username -->                <td>Username:</td>                <td><input type = text name = name size = 25</td>            </tr>            <tr>                <!-- Enter Password. -->                <td>Password:</td>                <td><input type = password name = password1 size = 25</td>            </tr>            <tr>                <!-- To Confirm Password. -->                <td>Confirm Password:</td>                <td><input type = password name = password2 size = 25></td>            </tr>            <tr>                <td colspan = 2 align = right>                <input type = submit value = "Submit"></td>            </tr>        </table>        </form>    </body></html>                    
Output:
Web technologies
JavaScript
Web Technologies
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Difference between var, let and const keywords in JavaScript
Differences between Functional Components and Class Components in React
Remove elements from a JavaScript Array
Difference Between PUT and PATCH Request
How to append HTML code to a div using JavaScript ?
Installation of Node.js on Linux
Top 10 Projects For Beginners To Practice HTML and CSS Skills
Difference between var, let and const keywords in JavaScript
How to insert spaces/tabs in text using HTML/CSS?
How to fetch data from an API in ReactJS ?