Linux ip-172-26-7-228 5.4.0-1103-aws #111~18.04.1-Ubuntu SMP Tue May 23 20:04:10 UTC 2023 x86_64
Your IP : 3.143.237.203
<div class="card1" style="min-height: 50vh;" id="sign-up-scroll">
<center><p style="color: #fff" class="font-25"> Registration </p></center>
<div class="body">
<div id="sign_up">
<form id='validateform'>
<!-- <b>Mobile<span style="color: red;">*</span></b> -->
<b><span style="color: #fff;">State </span><span style="color: red;">*</span></b>
<div class="p-b-20 select" style="color: red;font-weight: 100 !important;">
<select id="state" name='state' class="form-control" autofocus required>
</select >
</div>
<b><span style="color: #fff;"> University / College </span><span style="color: red;">*</span></b>
<div class="p-b-20 select" style="color: red;font-weight: 100 !important;">
<select id="univ" name='University' onchange="displayadarno(this.id)" class="form-control" required>
</select >
</div>
<!-- <b>Register / Roll Number<span style="color: red;">*</span></b> -->
<!-- <div class="input-group select">
<span class="input-group-addon">
<i class="material-icons">person</i>
</span>
<div class="form-line">
<input type="text" id='regno' class="form-control" name="namesurname" minlength="8" maxlength="8" placeholder="Register / Roll Number" data-toggle="tooltip" data-placement="top" title="Register / Roll Number 8 Characters" required>
</div>
</div> -->
<div class="inner-addon left-addon m-b-20">
<i class="material-icons">person</i>
<input type="text" id='regno' class="form-control1" name="namesurname" minlength="8" maxlength="8" placeholder="Register / Roll Number" data-toggle="tooltip" data-placement="top" title="Register / Roll Number 8 Characters" required />
</div>
<div class="m-t-15">
<button id='sendpasswd' class="btn bg-blue waves-effect pull-left" onclick="validateRegno()">Validate</button>
</div>
<div id='perinfo' style="display : none;color: #fff;">
<div class="col-md-12 m-t-15 clearfix"><p><b>Student Name : </b> <span id='name'></span><br>
<b>Father Name : </b><span id='fatname'></span><br>
<b>Mother Name : </b><span id='motname'></span><br></p>
</div>
</div>
</form>
<form id='sendotpform'>
<div class="inner-addon left-addon m-b-20">
<i style="margin-top: 27%;" class="material-icons">smartphone</i>
<input type="text" id='mobile' class="form-control1" name="Mobile" placeholder="Mobile" minlength="10" maxlength="10" required autofocus/>
</div>
<div class="inner-addon left-addon m-b-20">
<i class="material-icons">email</i>
<input type="email" id='email' class="form-control1" name="email" placeholder="Email Address" required/>
</div>
<div class="inner-addon left-addon m-b-20 daterange">
<i class="material-icons">date_range</i>
<input type="text" id='dob' class="form-control1 date" name="namesurname" placeholder="Date of Birth" data-toggle="tooltip" data-placement="top" title="Date of Birth" required/>
</div>
<div class="inner-addon left-addon m-b-20" id = "adhar" style="display: none">
<i class="material-icons">smartphone</i>
<input type="text" id='adharno' class="form-control" name="Aadhar No" placeholder="Aadhar No" minlength="12" maxlength="12" required/>
</div>
<!-- <b>Date of Birth<span style="color: red;">*</span></b> -->
<!-- <div class="input-group" id = "adhar" style="display: none">
<span class="input-group-addon">
<i class="material-icons">smartphone</i>
</span>
<div class="form-line">
<input type="text" id='adharno' class="form-control" name="Aadhar No" placeholder="Aadhar No" minlength="12" maxlength="12" required autofocus>
</div>
</div> -->
<div class="inner-addon left-addon m-b-20">
<i class="material-icons">smartphone</i>
<input type="text" id='parmobile' class="form-control1" name="ParMobile" placeholder="Parent/Gaurdian Mobile" minlength="10" maxlength="10" required/>
</div>
<!-- <div class="input-group">
<span class="input-group-addon">
<i class="material-icons">smartphone</i>
</span>
<div class="form-line">
<input type="text" id='parmobile' class="form-control" name="ParMobile" placeholder="Parent/Gaurdian Mobile" minlength="10" maxlength="10" required>
</div>
</div>
-->
<!-- <b>Password<span style="color: red;">*</span></b> -->
<div class="inner-addon left-addon m-b-20">
<i class="material-icons">lock</i>
<input type="password" id="password" class="form-control1" name="password" minlength="8" placeholder="Password" data-toggle="tooltip" data-placement="top" title="Minimum 8 Characters" maxlength="25" required/>
</div>
<!--
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">lock</i>
</span>
<div class="form-line">
<input type="password" id="password" class="form-control" name="password" minlength="8" placeholder="Password" data-toggle="tooltip" data-placement="top" title="Minimum 8 Characters" maxlength="25" required>
</div>
</div> -->
<!-- <b>Confirm Password<span style="color: red;">*</span></b> -->
<div class="inner-addon left-addon m-b-20">
<i class="material-icons">lock</i>
<input type="password" id="cpassword" class="form-control1" name="confirm" placeholder="Confirm Password" data-toggle="tooltip" data-placement="top" title="Re-Enter Password" maxlength="25" required/>
</div>
<!-- <div class="input-group">
<span class="input-group-addon">
<i class="material-icons">lock</i>
</span>
<div class="form-line">
<input type="password" id="cpassword" class="form-control" name="confirm" placeholder="Confirm Password" data-toggle="tooltip" data-placement="top" title="Re-Enter Password" maxlength="25" required>
</div>
</div> -->
<span id='otpmsg' class='pull-right' style="color: #0087ff;">
</span>
<button id='sendotp' class="btn bg-blue waves-effect pull-right" onclick="validateInfo()">Send OTP</button>
</form>
<div>
<br>
</div>
</div>
<div class="msg p-t-10"></div>
<form id='otpform'>
<div class="inner-addon left-addon m-t-20 m-b-20">
<i class="material-icons">smartphone</i>
<input type="text" id='motp' class="form-control1" name="Mobile otp" minlength="6" placeholder="Mobile OTP" required/>
</div>
<!--
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">smartphone</i>
</span>
<div class="form-line">
<input type="text" id='motp' class="form-control" name="Mobile otp" minlength="6" placeholder="Mobile OTP" required>
</div>
</div> -->
<div class="inner-addon left-addon m-b-20">
<i class="material-icons">email</i>
<input type="text" id='eotp' class="form-control1" name="Email otp" minlength="6" placeholder="Email OTP" required/>
</div>
<!-- <div class="input-group">
<span class="input-group-addon">
<i class="material-icons">email</i>
</span>
<div class="form-line">
<input type="text" id='eotp' class="form-control" name="Email otp" minlength="6" placeholder="Email OTP" required>
</div>
</div> -->
<button class="btn btn-block btn-lg bg-blue waves-effect" id="confirm-btn" onclick='signup()'>SignUp</button>
</form>
<div class="m-t-25 m-b--5 align-center clearfix">
<span style="color: #fff;"> Have you already registered? <a style="color: #fff;font-weight: 800;" href="index.html"><u>Click Here</u></a></span>
</div>
</div>
</div>
<script type="text/javascript">
$('form').submit(false);
$('#sign_up :input').focus(function(){ $(this).parent().addClass('focused')});
$('#sign_up :input').blur(function(){ $(this).parent().removeClass('focused')});
$('#otpform :input').focus(function(){ $(this).parent().addClass('focused')});
$('#otpform :input').blur(function(){ $(this).parent().removeClass('focused')});
$.validator.addMethod("dateofbirth",
function(value, element) {
return value.match(/^dd?-dd?-dd$/);
},
"Please enter valid date");
$('#sendotpform').validate({
rules: {
'terms': {
required: true
},
'confirm': {
equalTo: '[name="password"]'
},
'myDate' : {
dateofbirth: true
},
},
highlight: function (input) {
$(input).parents('.form-line').addClass('error');
},
unhighlight: function (input) {
$(input).parents('.form-line').removeClass('error');
},
errorPlacement: function (error, element) {
$(element).parents('.inner-addon').append(error).find("label").css("color", "red");
}
});
$('input[type=password]').tooltip({
placement: "top",
trigger: "focus"
});
$('input[type=text]').tooltip({
placement: "top",
trigger: "focus"
});
var $demoMaskedInput = $('.daterange');
//Date
$demoMaskedInput.find('.date').inputmask('dd/mm/yyyy', { placeholder: 'dd/mm/yyyy' });
$('#validateform').validate({
highlight: function (input) {
$(input).parents('.form-line').addClass('error');
},
unhighlight: function (input) {
$(input).parents('.form-line').removeClass('error');
},
errorPlacement: function (error, element) {
$(element).parents('.inner-addon').append(error).find("label").css("color", "red");
$(element).parents('.select').append(error);//select
}
});
$('#signupform').validate({
highlight: function (input) {
$(input).parents('.form-line').addClass('error');
},
unhighlight: function (input) {
$(input).parents('.form-line').removeClass('error');
},
errorPlacement: function (error, element) {
$(element).parents('.inner-addon').append(error).find("label").css("color", "red");
}
});
</script>
|