<HTML> <HEAD> <TITLE> Log In | Page </TITLE> <SCRIPT Type='text/javascript' src="main.js"> </SCRIPT> </HEAD> <BODY> <CENTER> <FONT Face="Lucida Bright" size="28"> WELCOME </FONT> <BR> <BR> <FORM Name="Mainform"> <FONT Face="Lucida Bright" size="5"> Username <INPUT Type="text" Name="Usrnm" size="15"> <BR> <BR> Password <INPUT Type="password" Name="Usrps" size="15"> <BR> <BR> <BR> <INPUT Type="button" Name="Login" Value="Show" onclick="event()"> </FONT> </FORM> </CENTER> </BODY> </HTML>
function event() { var usrread= document.Mainform.Usrnm.value; var pswread= document.Mainform.Usrps.value; if (usrread.length<=3) { alert("Your username must contain at least 4 Characters!"); alert("Wrong Data! Please check again."); return; } if (pswread.lenth<=5) { alert("Your password must contain at least 6 Characters!"); alert("Wrong Data! Please check again."); return; } if (isNaN(pswread.charAt(0))==True || isNaN(pswread.charAt(1))==True) { alert("The first two characters in the Password must be Numbers!"); alert("Wrong Data! Please check again."); return; } if (usrread.length>=3 && pswread.lenth>=5 && isNaN(pswread.charAt(0))==False && isNaN(pswread.charAt(1))==False) { alert("Correct Data"); return; } }
doctype
CENTER
FONT
<!DOCTYPE html> <html> <head> <title>Log In | Page</title> <script src="main.js"></script> <style> body { font-family: "Lucida Bright"; text-align: center; } </style> </head> <body> <h1>Welcome</h1> <form name="mainform"> <p>username <input type="text" name="usrnm" size="15" pattern=".{4,}"></p> <p>password <input type="password" name="usrps" size="15" pattern="\d{2}.{4,}"></p> <p><input type="button" name="login" value="show" onclick="showDetails()"></p> </form> </body> </html>
function showDetails() { var usrread= document.mainform.usrnm.value; var pswread= document.mainform.usrps.value; if(usrread.length <= 3) { alert("Your username must contain at least 4 Characters!"); return; } if (pswread.lenth <= 5) { alert("Your password must contain at least 6 Characters!"); return; } if (!(/^\d{2}/).test(pswread)) { alert("The first two characters in the Password must be Numbers!"); return; } // If we get here, all of the tests have passed; // there's no need to repeat them. alert("Correct Data"); }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)