p36065 File
p36065 File
Practical – 3
<html>
<head>
<title>Form Validation</title>
<script>
function validate()
{
var name = document.f1.name.value;
var password = document.f1.password.value;
var status = true;
if (name.length < 1)
{
document.getElementById("nameloc").innerHTML =
'<img src="unchecked.png" style="width:15px; height:15px;"/>Please enter your
name';
status = false;
} else
{
document.getElementById("nameloc").innerHTML =
'<img src="checked.png" style="width:15px; height:15px;"/>';
}
// Password validation
if (password.length < 6)
{ document.getElementById("passwordloc").innerHTML
=
'<img src="unchecked.png" style="width:15px; height:15px;"/> Password must
be at least 6 characters';
SPCE(IT) 1
AWP(3161611) 221240116065
SPCE(IT) 2
AWP(3161611) 221240116065
status = false;
}
else {
document.getElementById("passwordloc").innerHTML=
'<img src="checked.png" style="width:15px; height:15px;"/>';
}
return status; }
</script>
</head>
<body>
<center>
<form name="f1" action="#" onsubmit="return validate()">
<table>
<tr>
<td>Enter your name :</td>
<td>
<input type="text" name="name"/>
<span id="nameloc"></span>
</td></tr>
<tr>
<td>Enter your password :</td>
<td>
<input type="password" name="password"/>
<span id="passwordloc"></span>
</td> </tr>
<tr><td colspan="2">
<input type="submit" value="Register"/>
</td></tr>
</table>
SPCE(IT) 3