
<html>
<head>
<script type="text/javascript">
function regvalidation()
{
//----------------------fullname validation--------------------------------------
//var name = document.regform.fullname.value;
var name = document.getElementById("fullname").value;
//alert('hello '+name);
if(name=="")
{
alert('your fullname is empty');
return false;
}
var letters = /^[A-Za-z]+$/;
if(name.match(letters))
{
alert('hello dear '+name);
}
else
{
alert('please enter alphabets');
return false;
}
<!--//----------------------------------password validation------------------------------------
var pass = document.getElementById("password").value;
if(pass==""||pass==null)
{
alert('password should not be empty');
return false;
}
else
{
alert('your password is '+pass);
}-->
//-----------------------------phone_no validation-----------------------------
var phno = document.getElementById("phone").value;
if(phno=="")
{
alert('your phone_no is empty');
return false;
}
var number = /^[0-9]+$/;
if(phno.match(number))
{
if(phno.length==10)
{
alert('your phone_no is '+phno);
}
else
{
alert('phone_no must have 10 digits');
return false;
}
}
else
{
alert('please enter valid number');
return false;
}
//---------------------------email validation------------------------------------------
var eml = document.getElementById("email").value;
var formatemail = /^[A-Za-z0-9_\-\.]+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
if(eml=="")
{
alert('your Email is empty');
return false;
}
if(!eml.match(formatemail))
{
alert('please enter valid Email');
return false;
}
else
{
alert('your Email is '+eml);
}
//-----------------------date of birth validation---------------------------------------
var uinput = document.getElementById("birthdate").value;
var dob = new Date(uinput);
if(uinput=="" || uinput=='');
{
alert('please choose a birth date');
return false;
}
//--------------------------address validation-------------------------------------------
var ads = document.getElementById('address').value;
if(ads.trim()=='' || ads==null)
{
alert('address should not be empty');
return false;
}
if(ads.length>130)
{
alert('character of address is only 130 is allow');
return false;
}
else
{
alert('your address is '+ads);
}
//-----------------------roll_no validation----------------------------------
var rno = document.getElementById('roll').value;
if(rno=="")
{
alert('your roll_no is empty');
return false;
}
if(rno>300 || rno<201)
{
alert('please enter valid roll_no');
return false;
}
else
{
alert('your roll_no is '+rno);
}
//-------------------------------gender validation----------------------------------
var male = document.getElementById("gender").checked;
var female = document.getElementById("gender").checked;
var other = document.getElementById("gender").checked;
if(male==false && female==false && other==false)
{
alert('please select your gender');
return false;
}
//--------------------------division validation-----------------------------------
var div = document.getElementById("div").value;
if(div=="" || div==null)
{
alert('please select division');
return false;
}
//---------------------subject validation---------------------------------------
var mwd = document.getElementById('WD').checked;
var mjava = document.getElementById('JAVA').checked;
var mnet = document.getElementById('.NET').checked;
var mis = document.getElementById('IS').checked;
var mse = document.getElementById('SE-2').checked;
if(mwd==false && mjava==false && mnet==false && mis==false && mse==false)
{
alert('please select atleast one subject which you like most');
return false;
}
//----------------------------------feculty validation-----------------------------
var fact = document.getElementById("feculty").value;
if(fact=="" || fact==null)
{
alert('please select atleast one feculty which you like most');
return false;
}
else
{
alert('the '+ fact +' is you like most');
}
//---------------------future validation----------------------------------------------
var future = document.getElementById("dream").value
if(future=="" || future==null)
{
alert('please select your future's designation which you become');
return false;
}
return true;
}
</script>
</head>
<body style="background-image:url('backimage2.jpg')">
<center>
<form id="regform" name="regform" method="get" onsubmit="return regvalidation();">
<fieldset>
<legend style="color:white"><b><u> REGESTRATION </u></b></legend>
<table border=5px style="width:50%;height:60%;background-color:black" >
<caption style="font-size:40;padding:10;color:white"><b><i><u> ***Student Regestration Form*** </u></i></b></caption>
<tr>
<!--<td style="font-size:30;color:black;background-color:lightgreen;text-align:center"> <font style="color:bl;ack"> * </font><b> Student's name </b></td>-->
<td style="font-size:30;color:black;background-color:lightgreen;text-align:center"><b><i><u> Student's name:- </u></i></b></td>
<td style="border-color:yellow;background-color:black">
<input type="text" id="fullname" name="fullname">
</td>
</tr>
<!--<tr>
<td style="font-size:30;color:black;background-color:yellow;text-align:center"><b><i><u> Password:- </u></i></b></td>
<td style="border-color:pink;background-color:black">
<input type="password" id="password" name="password">
</td>
</tr>-->
<tr>
<td style="font-size:30;color:black;background-color:red;text-align:center"><b><i><u> Phone no:- </u></i></b></td>
<td style="border-color:red;background-color:black">
<input type="text" id="phone" name="phone">
</td>
</tr>
<tr>
<td style="font-size:30;color:black;background-color:orange;text-align:center"><b><i><u> Email:- </u></i></b></td>
<td style="border-color:yellow;background-color:black">
<input type="text" id="email" name="email">
</td>
</tr>
<tr>
<td style="text-align:center;font-size:30;background-color:yellow"><b><i><u> DOB:- </u></i></b></td>
<td> <input type="date" id="birthdate" name="birthdate"> </td>
</tr>
<tr>
<td style="font-size:30;color:black;background-color:lightgreen;text-align:center"><b><i><u> Address:- </u></i></b></td>
<td style="border-color:red;background-color:black">
<textarea id="address" name="address" rows="3" cols="35" > </textarea>
</td>
</tr>
<tr>
<td style="font-size:30;color:black;background-color:yellow;text-align:center"><b><i><u> Roll no:- </u></i></b></td>
<td style="border-color:pink;background-color:black">
<input type="text" id="roll" name="roll">
</td>
<tr/>
<tr>
<td style="font-size:30;color:black;background-color:red;text-align:center"><b><i><u> Gender:- </u></i></b></td>
<td style="font-size:20;background-color:black;border-color:lightgreen;color:white">
<input type="radio" id="gender" name="gender"><b><i> Male </i></b>
<input type="radio" id="gender" name="gender"><b><i> Female </i></b>
<input type="radio" id="gender" name="gender"><b><i> Other </i></b>
</td>
</tr>
<tr>
<td style="font-size:30;color:black;background-color:orange;text-align:center"><b><i><u> Div:- </u></i></b></td>
<td style="border-color:white;background-color:black">
<select id="div" name="div" size="2">
<option value="SYBCA DIV1"> SYBCA DIV1 </option>
<option value="SYBCA DIV2"> SYBCA DIV2 </option>
<option value="SYBCA DIV3"> SYBCA DIV3 </option>
</td>
</tr>
<tr>
<td style="font-size:30;color:black;background-color:lightgreen;text-align:center"><b><i><u> Which subject do you like most ? </u></i></b></td>
<td style="border-color:yellow;color:white;background-color:black">
<input type="checkbox" id="WD" name="WD"><b><i>WD </i></b><br/>
<input type="checkbox" id="JAVA" name="WD"><b><i>JAVA </i></b><br/>
<input type="checkbox" id=".NET" name="WD"><b><i>.NET </i></b><br/>
<input type="checkbox" id="IS" name="WD"><b><i>IS </b></i><br/>
<input type="checkbox" id="SE-2" name="WD"><b><i>SE-2 </i></b><br/>
</td>
</tr>
<tr>
<td style="font-size:30;color:black;background-color:yellow;text-align:center"><b><i><u> Which feculty do you like most ? </u></i></b></td>
<td style="border-color:red;background-color:black">
<select id="feculty" name="feculty" size="2" multiple>
<option value="viral sir"> viral sir </option>
<option value="sweety mem"> sweety mem </option>
<option value="piyush sir"> piyush sir </option>
<option value="heta mem"> heta mem </option>
<option value="radhika mem"> radhika mem </option>
</td>
</tr>
<tr>
<td style="font-size:30;color:black;background-color:red;text-align:center"><b><i><u> What do you want to be in future ? </u></i></b></td>
<td style="border-color:yellow;background-color:black">
<input list="dream">
<datalist id="dream">
<option value="developer"> developer </option>
<option value="designer"> designer </option>
<option value="tester"> tester </option>
<option value="administrator"> administrator </option>
</datalist>
</td>
</tr>
<tr>
<td style="font-size:30;color:black;background-color:orange;text-align:center"><b><i><u> Percentage in 12th:- </u></i></b></td>
<td style="border-color:white;background-color:black;color:white">
0
<input type="range" id="range" name="range" value="50" oninput="x.value=range.value">
100
<br/>
<output name="x"> 50 </output> %
</td>
</tr>
<tr>
<td colspan="2" style="color:lightgreen">
<b><i><u>!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***</u></i></b>
</td>
</tr>
<tr>
<td colspan="2" style="text-align:center;background-color:black;size:20">
<input type="submit" id="submit" name="submit" value="submit" style="font-size:20px">
</td>
</tr>
</table>
</fieldset>
</form>
</center>
</body>
</html>