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.23.103.14
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<title>Registration | Student Portal</title>
<!-- Favicon-->
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
<!-- Bootstrap Core Css -->
<link href="plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Waves Effect Css -->
<link href="plugins/node-waves/waves.css" rel="stylesheet" />
<!-- Animation Css -->
<link href="plugins/animate-css/animate.css" rel="stylesheet" />
<!-- Sweetalert Css -->
<link href="plugins/sweetalert/sweetalert.css" rel="stylesheet" />
<!-- Custom Css -->
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css">
<!--<link rel="stylesheet" href="/resources/demos/style.css"> -->
</head>
<body class="signup-page" onload="loadmaster()">
<div class="signup-box">
<div class="logo">
<a href="javascript:void(0);">Student<b> Portal</b></a>
<!-- <small>Admin BootStrap Based - Material Design</small> -->
</div>
<div class="card">
<div class="body">
<div class="msg"><b>Registration</b></div>
<div class="col-md-12 col-xs-12 col-sm-12" id='signupform'>
<form id='validateForm'>
<b>State<span style="color: red;">*</span></b>
<div class="p-b-20 select" style="color: red;">
<select id="state" name='state' class="form-control" autofocus required>
</select >
</div>
<b>University<span style="color: red;">*</span></b>
<div class="p-b-20 select" style="color: red;">
<select id="univ" name='University' class="form-control" required>
</select >
</div>
<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 Number" required>
</div>
</div>
<button class="btn bg-blue waves-effect pull-right" onclick='validateRegno()'>Validate</button>
</form>
<span id='perdeterr' class='pull-left' style="color: #0087ff;display: none;">
</span>
<form id="perdet" style="display: none;">
<!-- <div id='perdet' style="display: none;"> -->
<b>Name: <span id='name'></span><br><br>
Father Name: <span id='fatname'></span><br><br> </b>
<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="right" title="Minimum 8 Characters" maxlength="25" required>
</div>
</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="right" title="Minimum 8 Characters" maxlength="25" required>
</div>
</div>
<span id='confirm' class='pull-left p-b-10' style="color: #0087ff;">
</span>
<button class="btn btn-block btn-lg bg-blue waves-effect" onclick='register()'>Register</button>
</form>
<!-- </div> -->
</div>
<div class="col-md-12 col-xs-12 col-sm-12" id='signup_err' style="display:none;">
<div class="msg"><b>Email address is invalid</b></div>
</div>
<div class="p-b-10 align-center">
<a href="index.html">Have you already registered?</a>
</div>
</div>
</div>
</div>
<!-- Jquery Core Js -->
<script src="plugins/jquery/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<!-- Bootstrap Core Js -->
<script src="plugins/bootstrap/js/bootstrap.js"></script>
<!-- Waves Effect Plugin Js -->
<script src="plugins/node-waves/waves.js"></script>
<!-- Validation Plugin Js -->
<script src="plugins/jquery-validation/jquery.validate.js"></script>
<!-- SweetAlert Plugin Js -->
<script src="plugins/sweetalert/sweetalert.min.js"></script>
<!-- Custom Js -->
<script src="js/admin.js"></script>
<script src="js/registration.js"></script>
<script>
$('form').submit(false);
$('input[type=password]').tooltip({
placement: "right",
trigger: "focus"
});
$('#validateForm').validate({
highlight: function (input) {
$(input).parents('.form-line').addClass('error');
},
unhighlight: function (input) {
$(input).parents('.form-line').removeClass('error');
},
errorPlacement: function (error, element) {
console.log(error);
$(element).parents('.select').append(error);
}
});
$('#perdet').validate({
rules: {
'terms': {
required: true
},
'confirm': {
equalTo: '[name="password"]'
}
},
highlight: function (input) {
$(input).parents('.form-line').addClass('error');
},
unhighlight: function (input) {
$(input).parents('.form-line').removeClass('error');
},
errorPlacement: function (error, element) {
$(element).parents('.input-group').append(error);
}
});
</script>
</body>
</html>
|