Ads
Hi all, I am writing my first HTML JavaScrip validation page called "UserLogin.html". So, please guide me how to validate user and password feild in JavaScript? If possible then please provide me the complete HTML JavaScript code for User Login Page. Thanks in Advance!
Share on Google+function checkForm(form)
{
if(form.username.value == "")
{
alert("Error: Username cannot be blank!");
form.username.focus();
return false;
}
re = /^\w+$/;
if(!re.test(form.username.value)) {
alert("Error: Username must contain only letters, numbers and underscores!");
form.username.focus();
return false;
}
if(form.pwd1.value != "" && form.pwd1.value == form.pwd2.value) {
if(form.pwd1.value.length < 6) {
alert("Error: Password must contain at least six characters!");
form.pwd1.focus();
return false;
}
if(form.pwd1.value == form.username.value) {
alert("Error: Password must be different from Username!");
form.pwd1.focus();
return false;
}
re = /[0-9]/;
if(!re.test(form.pwd1.value)) {
alert("Error: password must contain at least one number (0-9)!");
form.pwd1.focus();
return false;
}
re = /[a-z]/;
if(!re.test(form.pwd1.value)) {
alert("Error: password must contain at least one lowercase letter (a-z)!");
form.pwd1.focus();
return false;
}
re = /[A-Z]/;
if(!re.test(form.pwd1.value)) {
alert("Error: password must contain at least one uppercase letter (A-Z)!");
form.pwd1.focus();
return false;
}
} else {
alert("Error: Please check that you've entered and confirmed your password!");
form.pwd1.focus();
return false;
}
alert("You entered a valid password: " + form.pwd1.value);
return true;
}
html registration form code with validation
<html>
<body>
<form>
<table width="35%" height="30%" bgcolor="#FFFF66" align="center">
<tr>
<td colspan=2><font size=3><center><b>HTML Login Page Code</b></center>
</tr>
<tr>
<td width="30%"><b>Name:</b><br/></td>
<td><input type="text" size=25 maxlength=20 name="userid"></td>
</tr>
<tr>
<td width="30%"><b>Password:</b><br/></td>
<td><input type="Password" size=25 maxlength=20 name="pswrd"></td>
</tr>
<tr>
<td ><input type="Reset">
<input type="submit" onclick="check(this.form)" value="Login"/>
</tr>
</table>
</form>
<script language="javascript">
function check(form)/*function to check userid & password*/
{
/*the following code checkes whether the entered userid and password are matching*/
if(form.userid.value == "user1" && form.pswrd.value == "pass1")
{
window.open('target.html')/*opens the target page while Id & password matches*/
}
else
{
alert("Error Password or Username")/*displays error message*/
}
}
</script>
</body>
</html>
Ads
Ads