gtu training and placement cell
4 years ago in HTML
<!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 | [email protected]
</center>
</td>
</tr>
</table>
</body>
</html>