<!--8)Write
a JavaScript program to design student registration form and perform following
validation:- Check all fields should not contain a null value- Check name field
contains only alphabets.- Mobile No. field should be of 10 digits. - Pin code
field should be of 06 digits.-->
<html>
<head>
<script>
function
validate()
{
var
name=document.getElementById("text1").value;
var
mob=document.getElementById("text2").value;
var
add=document.getElementById("text3").value;
var
city=document.getElementById("text4").value;
var
state=document.getElementById("text5").value;
var
pin=document.getElementById("text6").value;
if(name==null||name=="")
alert("Name
Should not be Null");
if(!isNaN(name))
alert("Name
Should only contain Characters");
if(mob.length!=10)
alert("Mobile
number should be exactly 10 digits long.");
if(add==null||add=="")
alert("Address
Should not be Null.");
if(city==null||city=="")
alert("City
Should not be Null.");
if(state==null||state=="")
alert("State
Should not be Null.");
if(pin.length!=6)
alert("Pin
Code should be exactly 6 digits long.");
}
</script>
</head>
<body>
<table>
<h1>Student
Registration Form</h1>
<tr><td>Name:</td>
<td><input
type="text"id="text1"></td></tr>
<tr><td>Mobile:</td><td><input
type="text"id="text2"></td></tr>
<tr><td>Address:</td><td><input
type="text"id="text3"></td></tr>
<tr><td>City:</td><td><input
type="text"id="text4"></td></tr>
<tr><td>State:</td><td><input
type="text"id="text5"></td></tr>
<tr><td>Pin:</td><td><input
type="text"id="text6"></td></tr>>
<tr><td><input
type="button"value="submit"
onclick="validate()"/></td>
<td><input
type="reset" value="clear"
onclick="reset()"/></td></tr>
</table>
</body>
</html>
Name and Mobile Number
<html>
<head>
<title>Form</title>
<script
type='text/javascript'>
function
chkForm()
{
//validate
form fields
/*
first step is to fetch all entry values */
idVal=document.getElementById('t1').value;
MobileNumber=document.getElementById('t2').value;
/* check id field for required length */
if(idVal.length<5)
{
alert('User
name should countain 5 characters');
document.getElementById('t1').value='';
document.getElementById('t1').focus();
return
false;
}
//
validation of alphabetics
if(idVal)
{
for(var
i = 0;i<idVal.length; i++)
{
if(idVal.charAt(i)
< 'A' || idVal.charAt(i) > 'Z' && idVal.charAt(i) <'a' ||
idVal.charAt(i)>'z')
{
alert("Invalit
Text,not accept numbers, special characters, alphanumeric characters")
return
false;
}
}
}
//validation of mobile number.
if(document.getElementById('t2').value =='')
{
alert("Enter
10 digit mobile number");
return
false;
}
if(document.getElementById('t2').value != "")
{
var
y = document.getElementById('t2').value;
if(isNaN(y)||y.indexOf(" ")!=-1)
{
alert("Invalid
Mobile No.");
document.getElementById('mobile_number').focus();
return
false;
}
if (y.length>10 || y.length<10)
{
alert("Mobile
No. should be 10 digit");
document.getElementById('mobile_number').focus();
return
false;
}
if
(!(y.charAt(0)=="9" || y.charAt(0)=="8"))
{
alert("Mobile
No. should start with 9 or 8 ");
document.getElementById('mobile_number').focus();
return
false
}
}
return
true;
}
</script>
</head>
<body>
<table
border="1" width="60%">
<form
action="#" name="adminForm" id="adminForm">
<tr><td>Name</td><td><input
type="text" name="t1" id="t1"></tr>
<tr><td>Mobile
No</td><td><input type="text" name="t2"
id="t2"></tr>
<tr><td
align="center" colspan="2">
<input
type="submit" name="submit" Value="Submit"
onclick="return chkForm();" /></td></tr>
</form>
</table>
</body>
</html>