| Current File : /home/inlingua/www/sensoriumpsychologists.com/student/student_registration.php |
<?php
include_once('classes/config.php');
?>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<title>Student Registration</title>
<?php include("common/head_links.php");?>
</head>
<body class="theme_skin_kinder">
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div id="box_wrapper">
<?php include("common/header.php");?>
<section id="topOfPage" class="topTabsWrap color_section">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h3 class="pageTitle h3">Student Registration</h3>
</div>
</div>
</div>
</section>
<section class="mainWrap">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h3 class="title">Registration Now</h3>
<div class="sc_contact_form sc_contact_form_contact" style="border:1px solid #00F; padding:25px;">
<form method="post" action="student_payment.php" class="validate123" enctype="multipart/form-data">
<?php
$today = date("ymd");
$rand = strtoupper(substr(uniqid(sha1(time())),0,4));
$unique1 = $today . $rand;?>
<input type="hidden" name="registration_no" value="<?php echo "SU".$unique1;?>" >
<div class="columnsWrap">
<div class="col-md-4">
<label class="required" for="f_name">First Name</label>
<input id="f_name" type="text" name="f_name" placeholder="First Name" >
</div>
<div class="col-md-4">
<label class="required" for="l_name">Last Name</label>
<input id="l_name" type="text" name="l_name" placeholder="Last Name">
</div>
<div class="col-md-4">
<label class="required" for="father_name">Father's Name</label>
<input id="father_name" type="text" name="father_name" placeholder="Father's Name">
</div>
</div>
<div class="columnsWrap">
<div class="col-md-4">
<label class="required" for="mother_name">Mother's Name</label>
<input id="mother_name" type="text" name="mother_name" placeholder="Mother's Name" >
</div>
<div class="col-md-4 example">
<label class="required" for="dob">Date of Birth</label>
<input type="hidden" id="example6">
<!--<input type="text" name="dob" id="dob" placeholder="DD-MM-YYYY" required title="Enter a date in this formart DD-MM-YYYY"/>-->
</div>
<div class="col-md-4">
<label class="required" for="gender">Gender</label>
<select class="form-control" name="gender" id="gender" >
<option value="">Select gender</option>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>
</div>
</div>
<div class="columnsWrap">
<div class="col-md-4">
<label class="required" for="mobile">Mobile No.</label>
<input id="mobile" type="text" name="mobile" placeholder="Mobile No." >
</div>
<div class="col-md-4">
<label class="required" for="email">E-mail ID</label>
<input type="text" id="username" name="email" placeholder="E-mail Id" onblur="return check_username();">
<div id="Info"></div>
<span id="Loading"><img src="css/loader.gif" alt="" ></span>
</div>
</div>
<div class="columnsWrap">
<div class="col-md-6">
<label class="required" for="p_address">Present Address</label>
<input id="p_address" type="text" name="p_address" placeholder="Present Address" >
</div>
<div class="col-md-6">
<label class="required" for="c_address">Communication Address</label>
<input id="c_address" type="text" name="c_address" placeholder="Communication Address" >
</div>
</div>
<div class="columnsWrap">
<div class="col-md-4">
<label class="required" for="city">City</label>
<input id="city" type="text" name="city" placeholder="City" >
</div>
<div class="col-md-4">
<label class="required" for="state">State</label>
<input id="state" type="text" name="state" placeholder="State" value="">
</div>
<div class="col-md-4">
<label class="required" for="p_code">Postal Code</label>
<input id="p_code" type="text" name="p_code" placeholder="Postal Code" value="">
</div>
</div>
<div class="columnsWrap">
<div class="col-md-3">
<label class="required" for="course">Course Selected</label>
<select class="form-control" name="course" id="course" >
<option value="" >Select Course</option>
<?php
$result=$query->select_where('shristi_course','status','1');
while($row=$result->fetch_assoc()){
?>
<option value="<?php echo $row['courses_id'];?>"><?php echo $row['name'];?></option><input type="hidden" name="amount" value="<?php echo $row['fee'];?>">
<?php }?>
</select>
</div>
<div class="col-md-3">
<label class="required" for="fee">Course Fees</label>
<?php
$result=$query->select_where('shristi_course','status','1');
$rows=$result->fetch_assoc();
?>
<input id="fee" type="text" name="fee" placeholder="" value="<?php echo $rows['fee'];?>" readonly>
</div>
<div class="col-md-3">
<label class="required" for="join_batch">Joining Batch</label>
<select class="form-control" name="join_batch" id="join_batch" >
<option value="January">January</option>
<option value="July">July</option>
</select>
</div>
<div class="col-md-3">
<label class="required" for="payment">Payment Option</label>
<select class="form-control" id="payment" name="payment">
<option value="">Select payment mode</option>
<option value="Cash">Cash</option>
<option value="DD">Demand Draft</option>
<option value="Card">Card Payment</option>
</select>
</div>
</div>
<div class="columnsWrap">
<div class="col-md-3">
<label class="required" for="center">Course Center</label>
<select class="form-control" name="center" id="center" >
<option value="">Select Center</option>
<?php $center=$query->select('shristi_center');
while($center_row=$center->fetch_assoc()){
?>
<option value="<?php echo $center_row['center_id'];?>"><?php echo $center_row['name'];?></option><?php }?>
</select>
</div>
<div class="col-md-3">
<label class="required" for="franchise">Franchise</label>
<select class="form-control" name="franchise" id="franchise">
<option value=""> </option>
</select>
</div>
<div class="col-md-6">
<label class="required" for=""> Please send the Cash & DD in the blow mentioned Address</label>
<label id="add">Shristi Child Development & Learning Institute,<br /> Rajiv Nandy,<br /> C-272, Vivek Vihar, Near Vivekanand Mahilla College, Delhi- 110092, India</label>
<label id="address"></label>
</div>
</div>
<div class="message">
<label class="required" for="">Educational Qualification</label>
<div class="columnsWrap">
<div class="col-md-3">
</div>
<div class="col-md-3">
<strong>Board/University</strong>
</div>
<div class="col-md-3">
<strong>Year of Passing</strong>
</div>
<div class="col-md-3">
<strong>Percentage of Marks</strong>
</div>
</div>
<div class="columnsWrap">
<div class="col-md-3">
<label class="required" for="">Matriculation</label>
</div>
<div class="col-md-3">
<input id="mboard" type="text" name="mboard" placeholder="Board" value="">
</div>
<div class="col-md-3">
<input id="myear" type="text" name="myear" placeholder="Passing Year" value="" >
</div>
<div class="col-md-3">
<input id="" type="text" name="mprecentage" placeholder="Percentage" value="">
</div>
</div>
<div class="columnsWrap">
<div class="col-md-3">
<label class="required" for="">Higher Secondary</label>
</div>
<div class="col-md-3">
<input id="hboard" type="text" name="hboard" placeholder="Board" value="">
</div>
<div class="col-md-3">
<input id="hyear" type="text" name="hyear" placeholder="Passing Year" value="">
</div>
<div class="col-md-3">
<input id="hprecentage" type="text" name="hprecentage" placeholder="Percentage" value="">
</div>
</div>
<div class="columnsWrap">
<div class="col-md-3">
<label for="">Graduation</label>
</div>
<div class="col-md-3">
<input id="gboard" type="text" name="gboard" placeholder="Board" value="">
</div>
<div class="col-md-3">
<input id="gyear" type="text" name="gyear" placeholder="Passing Year" value="">
</div>
<div class="col-md-3">
<input id="gprecentage" type="text" name="gprecentage" placeholder="Percentage" value="">
</div>
</div>
<div class="columnsWrap">
<div class="col-md-3">
<label class="" for="">Other Qualification</label>
</div>
<div class="col-md-3">
<input id="oboard" type="text" name="oboard" placeholder="Board" value="">
</div>
<div class="col-md-3">
<input id="oyear" type="text" name="oyear" placeholder="Passing Year" value="">
</div>
<div class="col-md-3">
<input id="oprecentage" type="text" name="oprecentage" placeholder="Percentage" value="">
</div>
</div>
</div>
<div class="sc_contact_form_button">
<div class="squareButton ico">
<input type="submit" name="submit" value="Register">
</div>
</div>
<div class="result sc_infobox"></div>
</form>
</div>
</div>
</div>
</div>
</section>
<?php include("common/footer.php");?>
</div><!-- eof #box_wrapper -->
<div class="preloader">
<div class="preloader_image"></div>
</div>
<?php include("common/footer_links.php");?>
<script type="text/javascript">
$(document).ready(function() {
$('#Loading').hide();
});
function check_username(){
var username = $("#username").val();
if(username.length > 2){
$('#Loading').show();
$.post("lib/ajaxclass.php", {
username: $('#username').val(),
}, function(response){
$('#Info').fadeOut();
$('#Loading').hide();
setTimeout("finishAjax('Info', '"+escape(response)+"')", 450);
});
return false;
}
}
function finishAjax(id, response){
$('#'+id).html(unescape(response));
$('#'+id).fadeIn(1000);
}
</script>
<!--ajax library-->
<script type="text/javascript">
$(document).ready(function(){
$('#center').on('change',function(){
var centerID = $(this).val();
//alert(centerID);
if(centerID){
$.ajax({
type:'POST',
url:'lib/ajaxclass2.php',
data:'center_id='+centerID,
success:function(html){
$('#franchise').html(html);
}
});
}else{
$('#franchise').html('<option value="">Select Center first</option>');
}
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#franchise').on('change',function(){
var franchiseID = $(this).val();
//alert(franchiseID);
if(franchiseID){
$.ajax({
type:'POST',
url:'lib/ajaxclass2.php',
data:'franchise_id='+franchiseID,
success:function(html){
$('#add').hide();
$('#address').html(html);
}
});
}
});
});
</script>
<script type="text/javascript">
$(function() {
$(".validate123").validate( {
rules: {
f_name: {
required: true
},
l_name: {
required: true
},
father_name: {
required: true
},
mother_name: {
required: true
},
dob: {
required: true
},
gender: {
required: true
},
mobile: {
required: true,
minlength:9,
maxlength:10,
number: true
},
email: {
required: true
},
p_address: {
required: true
},
c_address: {
required: true
},
city: {
required: true
},
state: {
required: true
},
p_code: {
required: true,
number: true,
},
course: {
required: true
},
join_batch: {
required: true
},
payment: {
required: true
},
center: {
required: true
},
franchise: {
required: true
},
mboard: {
required: true
},
myear: {
required: true
},
mprecentage: {
required: true
},
hboard: {
required: true
},
hyear: {
required: true
},
hprecentage: {
required: true
}
},messages: {
f_name: {
required: 'Please enter First Name'
},
l_name: {
required: 'Please enter Last Name'
}
},
errorPlacement:function(error, element) {
error.insertAfter(element.parent());
}
}
);
}
);
</script>
<script>
$(function() {
$("#example1").dateDropdowns();
$("#example2").dateDropdowns({
submitFieldName: 'example2',
submitFormat: "dd/mm/yyyy"
});
$("#example3").dateDropdowns({
submitFieldName: 'example3',
defaultDate: '2010-02-17'
});
$("#example4").dateDropdowns({
submitFieldName: 'example4',
minAge: 18
});
$("#example5").dateDropdowns({
submitFieldName: 'example5',
displayFormat: 'mdy'
});
$("#example6").dateDropdowns({
submitFieldName: 'example6',
monthFormat: 'short'
});
$("#example7").dateDropdowns({
submitFieldName: 'example7',
submitFormat: 'unix',
defaultDateFormat: 'unix'
});
$("#example8").dateDropdowns({
submitFieldName: 'example8',
submitFormat: 'unix',
defaultDateFormat: 'unix',
defaultDate: 456692066
});
$("#example9").dateDropdowns({
submitFieldName: 'example9',
submitFormat: 'unix',
defaultDateFormat: 'unix'
});
$("#example10").dateDropdowns({
submitFieldName: 'example10',
required: true
});
$("#example11").dateDropdowns({
yearLabel: 'Anno',
monthLabel: 'Mense',
dayLabel: 'Die',
submitFieldName: 'example11',
});
// Set all hidden fields to type text for the demo
$('.example input[type="hidden"]').attr('type', 'text').attr('readonly', 'readonly');
});
</script>
<style>
.invalid{border-color:#F00 !important;}
.state-success{border-color:#090 !important;}
em {
display: none !important;
margin-top: 6px;
padding: 0 1px;
font-style: normal;
font-size: 11px;
line-height: 15px;
color: #ff1d13;
}
#example6{float: left;width: 33%;}
.example .day{width: 18%;}
.example .month{width: 23%;}
.example select {
padding: 7px 4px;
background: #ffffff;
border: 1px solid #CCCCCC;
border-radius: 3px;
margin: 0 3px;
float:left;
width:20%;
}
.example select.invalid {
color: #E9403C;border-color:#F00 !important;
}
</style>
</body>
</html>