<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<style type="text/css">
body {border-width:600px;}
input[type=number],input[type=email],input[type=password]{display:inline-block; padding:5px;margin:5px;border-color:black;border-width:2px;width:300px;text-transform:upercase;}
legend {font-size:28px;}
.field-icon { float:right; margin-left: -25; margin-top:-25; position: relative; z-index: 2;}

</style>

</head>
<body>

<table width = "100%" height = "100%" border = "2">
         
         
<tr>
            <td colspan = "2" height="200" bgcolor="#b5dcb3">
               <center><h1><b>Gujarat Technological University</b></h1>
			<h2><i>INTEGRATED TRAINING AND PLACEMENT CELL</i></h2>
            </td>
</tr>
        
<tr valign = "top">
            
<td width = "10" height = "600" bgcolor="#aaa">
               <center><b>Main Menu</b><br />
               <p class="home"><a href="http://gtu-info.com/New-Features">Home</a></p>
               <p class="admission"><a href="http://gtu-info.com/Gujarat-Engineering-Admission">admission</a></p>
               <p class="syllabus"><a href="http://gtu-info.com/Syllabus">syllabus</a></p>
	       <p class="pappers"><a href="http://gtu-info.com/GTU-Exam-Papers/Branch-Semester">Pappers</a></p>
	       <p class="exam"><a href="http://gtu-info.com/GTU-Exam-Time-Table/Semester">exam schedule</a></p>
	       
  <p class="list"><a href="http://gtu-info.com/Engineering-Jobs-After-BE">Job List</a></p>
  <p class="post"></p><a href="http://gtu-info.com/Post-Job">Post Job</a></p>
  <p class="deans"><a href="http://gtu-info.com/GTU-Deans">GTU Deans</a></p>
  <p class="faqs"><a href="http://gtu-info.com/GTUinfo/FAQ">FAQs</a></p>
  <p class="contact"><a href="http://gtu-info.com/ContactUs/GTUInfo-Team">Contact us</a></p>
  <p class="corses"><a href="http://gtu-info.com/GTU-Courses">GTU Courses</a></p>
  <p class="privacy"><a href="http://gtu-info.com/Privacy-Policy">Privacy Policy</a></p>
</td>
            
<td bgcolor = "#eee" width = "300" height = "600">



 <center><h2><i>Traning & Placement Cell</i></h2></center>

<center><form id="form" target="_self" onsubmit="return postToGoogle();" action="" autocomplete="off"> 
<fieldset style="border-color:black;border-style:solid;border-radius:10px 10px 10px 10px; align:center;width:600px;height:400px;border-width:5px;padding:5px;margin:5px;">

<legend><b><i>Registration</i></b></legend> 

<p><span style="color:red;">*</span>Enrollment No. &nbsp;&nbsp;&nbsp;&nbsp;: <input id="enrollField" name="entry.2011112594" placeholder="Enter Your Enrollment No." type="number" maxlength="12" minlength="12" required="required"></p> 

<p><span style="color:red;">*</span>Email ID &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <input id="emailField" name="entry.348217458" placeholder="Enter Your Email" type="email" required></p>

<p><span style="color:red;">*</span>Mobile No. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <input id="mobField" name="entry.319920220" placeholder="Enter Your Mobile No." type="number" maxlength="10" minlength="10" required></p>


<div><p><span style="color:red;">*</span>Password &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: <input id="pswField" name="entry.1241268825" placeholder="Enter Your Password" type="password" required></p>

<p><span style="color:red;">*</span>Confirm Password : <input id="cnfpswField" name="entry.2018795404" placeholder="Confirm Password" type="password" required></p><br/>
<button type="button" id="show_password" name="show_password" class="btn btn-default">Show Password</button></div>

<center><button id="send" type="submit" class="common_btn" style="color:blue;padding:5px;margin:5px;width:100px;">Register</button><input type="Reset" value="Clear" style="color:blue;padding:5px;margin:5px;width:100px;"></center>
</fieldset>
</form>

</center>





<h3 id="success-msg" style="text-align: center !important; margin-top:190px !important; display:none; color:#black; font-style:italic; background-image:url("campus.jpg") !important;"> Your Registration is done
we will send  you login link shortly Thank You For Registration.</h3>








<script>
$(document).ready(function(){  
 $('#show_password').on('click', function(){  
  var passwordField = $('#pswField');  
  var passwordFieldType = passwordField.attr('type');
  if(passwordField.val() != '')
  {
   if(passwordFieldType == 'password')  
   {  
    passwordField.attr('type', 'text');  
    $(this).text('Hide Password');  
   }  
   else  
   {  
    passwordField.attr('type', 'password');  
    $(this).text('Show Password');  
   }
  }
  else
  {
   alert("Please Enter Password");
  }
 });  
});  


$(document).ready(function(){  
 $('#show_password').on('click', function(){  
  var passwordField = $('#cnfpswField');  
  var passwordFieldType = passwordField.attr('type');
  if(passwordField.val() != '')
  {
   if(passwordFieldType == 'password')  
   {  
    passwordField.attr('type', 'text');  
    $(this).text('Hide Password');  
   }  
   else  
   {  
    passwordField.attr('type', 'password');  
    $(this).text('Show Password');  
   }
  }
  else
  {
   alert("Please Enter Password");
  }
 });  
});  




function postToGoogle() {
                var field1 = $("#enrollField").val();
                var field2 = $("#emailField").val();
                var field3 = $("#mobField").val();
                var field4 = $("#pswField").val();
		var field5 = $("#cnfpswField").val();
 		

	
				if(field1 == "" || field1.length > 12 || field1.length < 12){
					alert('Please Enter Your Enrollment No.');
					document.getElementById("nameField").focus();
					return false;
				}
				if(field2 == ""){
					alert('Please Enter Your Email');
					document.getElementById("emailField").focus();
					return false;
				}
				if(field3 == "" || field3.length > 10 || field3.length < 10){
					alert('Please Enter Your Mobile Number');
					document.getElementById("mobField").focus();
					return false;
				}
				if(field4 == ""){
					alert('Please Enter Your Password');
					document.getElementById("pswField").focus();
					return false;
				}
				if(field5 == ""){
					alert('Please Enter Your Confirm Password');
					document.getElementById("cnfpswField").focus();
					return false;
				}
				if(field4 != field5){
					alert('Password did not match : Please try again..!');
					document.getElementById("cnfpswField").focus();
					return false;
				}


		

	
	
                $.ajax({
                    url: "https://docs.google.com/forms/d/e/1FAIpQLSd3Sk_iIRS8AFmNXJsd83bnUooR5B06Zv2EJlMDWj-pyRUUbQ/formResponse?",
		    data: {"entry.2011112594": field1, "entry.348217458": field2, "entry.319920220": field3, "entry.1241268825":field4,"entry.2018795404":field5},
                    type: "POST",
                    dataType: "xml",
                    success: function(d)
					{
					},
					error: function(x, y, z)
						{

							$('#success-msg').show();
							$('#form').hide();
							
						}
                });
				return false;
            }
</script>


</td>
</tr>


<tr>
            <td colspan = "2" bgcolor = "#b5dcb3" height="100">
               <center>
                  Copyright � 2019<br/>  This is not the official website of GTU. It is our sincere effort to help you.<br/>
2020 © GTU-Info.com |   info@gtu-info.com

                </center>
            </td>
</tr>
         
</table>
</body>
</html>