<%-- 

    Document   : Gallery

    Created on : Oct 22, 2019, 7:19:31 AM

    Author     : DEEP

--%>


<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <meta name="viewport" content="width=device-width">

         <link rel="shortcut icon" type="image/ico" href="../logo/g6.PNG" />

        <title>Register</title>

              <%@include file="../master/adminlink.jsp" %>

              <script src="../js/jquery-3.4.1.min.js" type="text/javascript"></script>

              <link href="../css/jquery-ui.min.css" rel="stylesheet" type="text/css"/>

              <script src="../js/jquery-ui.min.js" type="text/javascript"></script>

        <style>

.outer{ min-height:400px;background:linear-gradient(#bbdefb 20%,#fbe9e750 40%); }   

.container-flude

{

min-height:600px;


}

.container

{

min-height:500px;


background:linear-gradient(#bbdefb 20%,#fbe9e750 40%);

margin-top:1%;

}

  </style>

        

    </head>

    <body>

       

<div class="col-sm-12 outer"> 

      <div class="row">

         <%@include file="amaster/adminheader.jsp"%>

    <div class="container-flude">

        <center><h1 style="margin-top:5%;"><u> Student Registration Form</u></h1></center>

  <div class="container">

  

  <br/>

  <div class="col-sm-12 d1">

      

      <form action="code/regcode.jsp" method="post" onsubmit=" return validation()">

    <center>

    <table>

        <tr>

            <td><br/></td>

         </tr>

         <tr>

            <td>Enroll Number &nbsp;&nbsp;</td>

            <td><input type="text" class="form-control input-text" name="enr" id="enr">

                <span id="enroll"style="color:red; font-weight:350;"></span></td>

            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Branch &nbsp;&nbsp;</td>

            <td>

                <select name="branch" class="form-control input-text" id="branch">

                                        <option>Select</option>

                                        <option>COMPUTER SCIENCE & ENGINEERING</option>

                                        <option>INFORMATION TECHNOLOGY</option>

                                        <option>ELECTRONIC ENGINEERING</option>

                                    </select>

                <span id="branch1"style="color:red; font-weight:350;"></span>

            </td>

            

         </tr>

          <tr>

            <td><br/></td>

         </tr>

         <tr>

            <td>Name &nbsp;&nbsp;</td>

            <td><input type="text" class="form-control input-text" name="name" id="name" autocomplete="off">

            <span id="stuname"style="color:red; font-weight:350;"> </span> </td>

            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Father Name</td>

            <td><input type="text" class="form-control input-text" name="faname" id="faname" autocomplete="off">

            <span id="fathername"style="color:red; font-weight:350;"> </span></td>

         </tr>

         <tr>

             <td>

         </td></tr>

             <tr>

            <td><br/></td>

         </tr>

         <tr>

           <td>Category &nbsp;&nbsp;</td>

           <td> <select name="cat" class="form-control input-text" id="cat">

                                        <option>Select</option>

                                        <option>OBC</option>

                                        <option>GEN</option>

                                        <option>SC/ST</option>


                                       

                                    </select>

               <span id="category"style="color:red; font-weight:350;"> </span>

            </td>

             <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Gender </td>

            <td>

                <select name="gen" class="form-control input-text" id="gen">

                                        <option>select</option>

                                        <option>Male</option>

                                        <option>Fimale</option>

                                       

                                    </select>

              <span id="gender"style="color:red; font-weight:350;">

            </td>

         </tr>

          <tr>

            <td><br/></td>

         </tr>

         <tr>

           <td>Date of Birth &nbsp;&nbsp;</td>

           <td><input type="text  " class="form-control input-text" name="dob" id="dob" autocomplete="off">

           <span id="dob1"style="color:red; font-weight:350;"></span></td>

            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Email </td>

            <td><input type="email" class="form-control input-text" name="email" id="email">

                <span id="emailid"style="color:red; font-weight:350;"></span></td>

         </tr>

         <tr>

              <tr>

            <td><br/></td>

         </tr>

         <tr>

            <td>Year &nbsp;&nbsp;</td>

            <td><input type="number" class="form-control input-text" name="year" id="year">

            <span id="year1" style="color:red; font-weight:350;"> </span></td>

            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mobile </td>

            <td> <input type="number" class="form-control input-text" name="mob" id="mob" autocomplete="off">

                <span id="Mobilenumber" style="color:red; font-weight:350;"> </span></td>

         </tr>

         <tr>

              <tr>

            <td><br/></td>

         </tr>

         <tr>

             <td>Address &nbsp;&nbsp;</td>

             <td>

                <textarea style=" width:100%;"class="form-control input-text" name="add" id="add">

                        </textarea>

              <span id="address" style="color:red; font-weight:350;"> </span></td>

         

            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>

            <td>   <center>  <button  class="btn btn-success input-buton" class="form-control" style=" width:100%;">Register</button></center></td>

         </tr>

         <tr>

            <td><br/></td>

         </tr>

          <tr>

            <td><br/></td>

         </tr>

    </table></center>

    </form>

   </div></div>

 </div>

    </div>

  <br/>

     

       <%@include file="amaster/adminfooter.jsp"%>

        <%@include file="amaster/scrolltopbtn.jsp"%>

      </div>

      <script type="text/javascript">

          

          function validation(){

              var enroll= document.getElementById('enr').value;  

              var br= document.getElementById('branch').value;

              var student= document.getElementById('name').value;

              var fathername= document.getElementById('faname').value;

              var category= document.getElementById('cat').value;

              var gender= document.getElementById('gen').value;

              var dob= document.getElementById('dob').value; 

              var yr= document.getElementById('year').value;


              var email= document.getElementById('email').value;

              var mobile= document.getElementById('mob').value;

              var address= document.getElementById('add').value;

              

               if(enroll==""){

                    document.getElementById('enroll').innerHTML="** Please fill the Enrollment Number"

                  return false;

                }  

                if(enroll.indexOf('E')!=0){

                document.getElementById('enroll').innerHTML="** Please fill the right position of ' E '  like as E1744735500015"

                  return false; 

            }

                if(br=="Select")

                 {

                    document.getElementById('branch1').innerHTML="** Please select the branch "

                   return false;

                }  


                if(student==""){

                    document.getElementById('stuname').innerHTML="** Please fill the Student name"

                  

                    return false;

                }   

                if((student.length<=2)||(student.length>25)){

                     document.getElementById('stuname').innerHTML="**Student name Lenght must be between 2 and 20"

                    return false;

                }

                if(!isNaN(student)){

                    document.getElementById('stuname').innerHTML="**Only character are allowed"

                    return false;

                }

                if(fathername==""){

                    document.getElementById('fathername').innerHTML="** Please fill the Father name"

                    return false;

                }  

                if((fathername.length<=2)||(fathername.length>25)){

                     document.getElementById('fathername').innerHTML="**Father name Lenght must be between 2 and 20"

                    return false;

                }

                if(!isNaN(fathername)){

                    document.getElementById('fathername').innerHTML="**Only character are allowed"

                    return false;

                }

                if(category=="Select")

                 {

                    document.getElementById('category').innerHTML="** Please select the Category "

                   return false;

                }  

                if(gender=="select")

                 {

                    document.getElementById('gender').innerHTML="** Please select the Gender "

                   return false;

                }  

                if(dob==""){

                    document.getElementById('dob1').innerHTML="** Please fill the Date Of Birth"

                    return false;

                }

                

                if(email==""){

                    document.getElementById('emailid').innerHTML="** Please fill the Email Address";

                    return false;

                }  

                if(yr==""){

                    document.getElementById('year1').innerHTML="** Please fill the year"

                    return false;

                } 

                

                 if(mobile==""){

                    document.getElementById('Mobilenumber').innerHTML="** Please fill the Mobile Number"

                    return false;

                } 

                  if(address==""){

                    document.getElementById('address').innerHTML="** Please fill the Address"

                    return false;

                } 

           }

          </script>

          <script>

              $(function(){

                $("#dob").datepicker({

              min:'1960-01-01',

              dateFormat:'dd-mm-yy',

              changeMonth:true,

              changeYear:true,

              todayHighlight: true,

         

       

              });  

              });

              

              

          </script>

         

    </body>

</html>