QuestionAsk Questions?
Java Coder
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!
View Answers
January 2, 2013 at 3:21 PM
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;
}
January 2, 2013 at 5:19 PM
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>
Related Pages:
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.
Tutorial Topics
