IT430 Assignment Solution Spring 2019
#1
<!DOCTYPE html>
<html>
<head>
<title></title>

<style>
form.test tr {
   
   line-height: 45px;
}
tr.adres input {
   padding: 40px 0px;
}
</style>

</head>
<body bgcolor="skyblue">
<center >
<h2>Student Registration Form(SRF)</h2>
<form class="test" name="myForm" method="POST" onsubmit="return(validate());" >
<table >
<tr>
<td>STUDENT ID</td>

<td></td>
<td><input type="text" name="ID" size="30">  (bc000000000)</td>
</tr>

           <tr>
<td>NAME</td>

<td></td>
<td><input type="text" size="30" name="Name">  (max 30 characters a-z and A-Z)</td>
</tr>
<tr>
<td>DATE OF BIRTH</td>

<td></td>
<td><select name="D">
<option selected>Day:
</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
</select>

<select name="M">
<option selected=>Month:</option>
<option>Jan</option>
<option>Feb</option>
<option>Mar</option>
<option>Apr</option>
<option>May</option>
<option>Jun</option>
<option>Jul</option>
<option>Aug</option>
<option>Sep</option>
<option>Oct</option>
<option>Nov</option>
<option>Dec</option>
</select>

<select name="Y">
<option selected>Year:</option>
<option>2002</option>
                       <option>2001</option>
                       <option>2000</option>
                       <option>1999</option>
                       <option>1998</option>
                       <option>1997</option>
                       <option>1996</option>
<option>1995</option>
<option>1994</option>
<option>1993</option>
<option>1992</option>
<option>1991</option>
<option>1990</option>
<option>1989</option>
<option>1988</option>
<option>1987</option>
<option>1986</option>
<option>1985</option>
<option>1984</option>
<option>1983</option>
<option>1982</option>
<option>1981</option>
<option>1980</option>



</select>
<tr>
<td>EMAIL ID</td>

<td></td>
<td><input type="text" size="30" name="EMail"></td>
</tr>
<tr>
<td>MOBILE NUMBER</td>

<td></td>
<td><input type="text" size="30">  (10 digit number)</td>
</tr>
<tr>
   <td>GENDER</td>
   
<td></td>
<td>Male <input type="radio" name="gender" value="Male"> Female<input type="radio" name="gender" value="Female"></td>
</tr>
<tr class="adres">
<td >ADDRESS</td>
   
<td></td>
               <td><input type="box" size="30"></td>
           </tr>
           <tr>
<td>CITY</td>
   
<td></td>
               <td><input type="box" size="30">  (max 30 characters a-z and A-Z)</td>
           </tr>
           <tr>
<td>PIN CODE</td>
 
<td></td>
               <td><input type="box" size="30">  (6 digit number)</td>
           </tr>
           <tr>
<td>STATE</td>
   
<td></td>
               <td><input type="box" size="30">  (max 30 characters a-z and A-Z)</td>
           </tr>
           <tr>

<td></td>
<td></td>
<td> <input type="reset" value="Reset"> <input type="Submit" onClick="ValidateForm(this.form)"></td>
</tr>
</table>
</form>

</center>
</body>
</html>
<script type = "text/javascript">
  <!--
     // Form validation code will come here.
     function validate() {
     
        if( document.myForm.ID.value == "" ) {
           alert( "Please provide your Student Id" );
           document.myForm.ID.focus() ;
           return false;
        }

        if( document.myForm.Name.value == "" ) {
           alert( "Please provide your Name!" );
           document.myForm.Name.focus() ;
           return false;
        }
        var a = document.myForm.EMail.value;
if(a=="")
{
alert("Please Enter Your EMAIL");
document.myForm.EMail.focus();
return false;
}
     

      if(document.myForm.D.selectedIndex==0)
      {
      alert("Please select Date");
      document.myForm.D.focus();
      return false;
      }
      return true;

      if(document.myForm.M.selectedIndex==0)
      {
      alert("Please select Date");
      document.myForm.M.focus();
      return false;
      }
      return true;

      if(document.myForm.Y.selectedIndex==0)
      {
      alert("Please select Date");
      document.myForm.Y.focus();
      return false;
      }
      return true;


     }

  //-->
</script>
  


Possibly Related Threads…
Thread Author Replies Views Last Post
  CS101 Assignment 1 Solution Fall 2019 Ayra Suleman 0 299 11-11-2019, 02:02 AM
Last Post: Ayra Suleman
  CS001 Assignment 1 Solution Fall 2019 Ayra Suleman 0 231 11-11-2019, 01:55 AM
Last Post: Ayra Suleman
  IT430 Assignment 1 Solution Fall 2019 Ayra Suleman 0 218 11-11-2019, 01:33 AM
Last Post: Ayra Suleman
  CS001 GDB Solution Spring 2019 Ayra Suleman 0 984 08-05-2019, 03:44 AM
Last Post: Ayra Suleman
  CS101 GDB Solution Spring 2019 Ayra Suleman 0 965 08-05-2019, 03:42 AM
Last Post: Ayra Suleman
  IT430 GDB Solution Spring 2019 Ayra Suleman 0 110 08-05-2019, 03:41 AM
Last Post: Ayra Suleman
  CS001 Assignment Solution Spring 2019 Mishi Khan 0 619 06-01-2019, 01:17 AM
Last Post: Mishi Khan
  CS311 Assignment 2 Solution Spring 2019 Mishi Khan 0 441 05-23-2019, 03:22 AM
Last Post: Mishi Khan
  CS101 Assignment 2 Solution Spring 2019 Mishi Khan 0 362 05-23-2019, 03:03 AM
Last Post: Mishi Khan
  IT430 Assignment Idea Solution Spring 2019 Mishi Khan 0 268 05-14-2019, 12:25 AM
Last Post: Mishi Khan



Users browsing this thread:
1 Guest(s)