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 : 18.223.159.143
<div class="card1 sign-up-card" style="max-height: 75vh;overflow-y: auto" id="sign-up-scroll">
<div class="body">
<div id="sign_up">
<p style="color: #fff;font-weight: 800;transform: scaleY(1.5);line-height: 1.1">
<span class="font-25">Welcome </span></br>
To Student Portal </p>
<p style="color: #fff;padding: 25px 0px 5px 0px" class="font-25">Sign Up</p>
<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-10">
<i class="material-icons" style="font-size: 14px">person</i>
<input
type="text"
id="regno"
class="form-control1"
name="namesurname"
minlength="7"
maxlength="8"
placeholder="Register / Roll Number"
data-toggle="tooltip"
data-placement="top"
title="Register / Roll Number 7/8 Characters"
required
/>
</div>
<div class="m-t-10">
<!-- <button
id="sendpasswd"
class="btn bg-blue waves-effect pull-left"
onclick="validateRegno()"
>
Validate
</button> -->
<button
id="sendpasswd"
class="btn btn-block btn-lg waves-effect"
style="background: #3683dc;color:#fff;font-size: larger"
onclick="validateRegno()"
>
Validate
</button>
</div>
<style>
table > tbody > tr > td {
padding: 2px !important;
}
</style>
<div class="row clearfix">
<div id="perinfo" style="display : none;color: #000;">
<div class="col-md-12 m-t-15 clearfix" id="aperinfo"></div>
</div>
</div>
</form>
<div class="row clearfix p-l-10">
<form id="sendotpform">
<div class="inner-addon left-addon m-b-10">
<i class="material-icons" style="font-size: 14px">smartphone</i>
<input
type="text"
id="mobile"
class="form-control1"
name="Mobile"
placeholder="Mobile"
minlength="10"
maxlength="10"
required
autofocus
onkeypress="return acceptNumbersOnlyForModule(event);"
/>
</div>
<div class="inner-addon left-addon m-b-10">
<i class="material-icons" style="font-size: 14px">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-10 daterange">
<i class="material-icons" style="font-size: 14px">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-10"
id="adhar"
style="display: none"
>
<i class="material-icons" style="font-size: 14px">smartphone</i>
<input
type="text"
id="adharno"
class="form-control"
name="Aadhar No"
placeholder="Aadhar No"
minlength="12"
maxlength="12"
required
onkeypress="return acceptNumbersOnlyForModule(event);"
/>
</div>
<div class="inner-addon left-addon m-b-10">
<i class="material-icons" style="font-size: 14px">smartphone</i>
<input
type="text"
id="parmobile"
class="form-control1"
name="ParMobile"
placeholder="Parent/Gaurdian Mobile"
minlength="10"
maxlength="10"
required
onkeypress="return acceptNumbersOnlyForModule(event);"
/>
</div>
<div class="inner-addon left-addon m-b-10">
<i class="material-icons" style="font-size: 14px">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="inner-addon left-addon m-b-10">
<i class="material-icons" style="font-size: 14px">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>
<span id="otpmsg" class="pull-right" style="color: #0087ff;"> </span>
<button
id="sendotp"
class="btn btn-block btn-lg waves-effect pull-right"
style="background: #3683dc;color:#fff;font-size: larger"
onclick="validateInfo()"
>
Send OTP
</button>
</form>
</div>
<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-10">
<i class="material-icons" style="font-size: 14px">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-10">
<i class="material-icons" style="font-size: 14px">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", "font-size": "10px" });
}
});
$("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>
|