This is Mihir Savaliya's presentation: Student Registration Form

<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;
 }

 

 //-----------------------------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"> REGESTRATION </legend>

<table border=5px style="width:50%;height:60%;background-color:black" >

<caption style="font-size:40;padding:10;color:white"> ***Student Regestration Form*** </caption>
<tr>
 
 <td style="font-size:30;color:black;background-color:lightgreen;text-align:center"> Student's name:- </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:red;text-align:center"> Phone no:- </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"> Email:- </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"> DOB:- </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"> Address:- </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"> Roll no:- </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"> Gender:- </td>
 <td style="font-size:20;background-color:black;border-color:lightgreen;color:white">
 <input type="radio" id="gender" name="gender"> Male 
 <input type="radio" id="gender" name="gender"> Female 
 <input type="radio" id="gender" name="gender"> Other 
 </td>
</tr>
<tr>
 <td style="font-size:30;color:black;background-color:orange;text-align:center"> Div:- </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"> Which subject do you like most ? </td>
 <td style="border-color:yellow;color:white;background-color:black">
 <input type="checkbox" id="WD" name="WD">WD 
 <input type="checkbox" id="JAVA" name="WD">JAVA 
 <input type="checkbox" id=".NET" name="WD">.NET 
 <input type="checkbox" id="IS" name="WD">IS 
 <input type="checkbox" id="SE-2" name="WD">SE-2 
 </td>
</tr>
<tr>
 <td style="font-size:30;color:black;background-color:yellow;text-align:center"> Which feculty do you like most ? </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"> What do you want to be in future ? </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"> Percentage in 12th:- </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
 
 <output name="x"> 50 </output> %
 </td>
</tr>
<tr>
 <td colspan="2" style="color:lightgreen">
 !!!!***!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***!!!!***
 </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>

This is Mihir Savaliya's presentation

Saturday, June 12, 2021

Student Registration Form

1 comment:

simple form using jsp:useBean