A simple repo on how to validate a Log In form using JavaScript. It also shows how to create an aesthetic of the form using CSS3. Basically, JavaScript limits the User to three login attempts. If the User fails to input the correct credentials, the input fields and submit button lock. If h/she inputs the correct credentials h/she is redirected to another page.
-
Upload the entire 'source' folder to your web site.
-
You can customize the index.html, success.html and style.css scripts to fit your own needs.
-
index.html
This script displays the logIn form. It is build using HTML5 and CSS3. When the user submits the form, it is validated using JavaScript and displays an alert message incase of any error.
-
jquery-1.12.3.js
This file contains Jquery script. You can load Jquery directly from a CDN for faster performance. This script styles the form input fieds on mouseclick
-
Js.js
This is a JavaScript file that contains script for validating User input. If successful, User is redirected to success.html page. On failure, the file alerts an error message on browser screen.
-
sucess.html
This is the page of redirection on successful login.
-
style.css
This is our stylesheet that styles the LogIn form to create an aesthetic appearance.
This program is free software published under the terms of the GNU Lesser General Public License. You can freely use it on commercial or non-commercial websites.