BBnepal-Accounts/application/views/admin/forgot-password.php
Sampanna Rimal 9cd05ef3cb commitall
2024-07-10 18:28:19 +05:45

125 lines
4.1 KiB
PHP

<style>
form label.error,
#mailErr {
color: #ff0000;
}
</style>
<div class="login-wrap">
<div class="login-box-cover-outter forget-box-cover-outter">
<div class="login-box-cover">
<div class="login-heading">
<!-- <h3>Welcome To</h3>-->
<h2>Erisn Classroom<br> Admin Portal</h2>
</div>
<div class="login-box">
<h3>Forgot Password?</h3>
<form id="restPasswordForm" method="post">
<div class="login-row">
<p>Please enter your email address verify for sending link to change password.</p>
</div>
<div class="login-row">
<label class="login-lbl">
Email Address*
</label>
<input type="text" onkeydown="hideMessages()" name="email" placeholder="Enter email address">
<p class="loginErr" style="display : none">Entered email-id does not exist</p>
</div>
<p id="mailErr" style="display : none;">Mail could not be sent, Please try again later</p>
<p class="loading" style="display:none">Please wait....</p>
<p class="loginSuccess" style="display : none">An email has been sent to your email id with link to reset your password. Click on the link to reset your password.</p>
<div class="login-row">
<button class="common-btn">Submit</button>
</div>
</form>
<div class="backto-login">
<a href="<?php echo base_url() ?>admin"> &lt; Back to login </a>
</div>
</div>
</div>
</div>
</div>
<script>
function hideMessages() {
$('.loginErr').hide();
$('.loginSuccess').hide();
$('#mailErr').hide();
}
jQuery.validator.addMethod("emailregex", function(value, element) {
return this.optional(element) || /^[a-zA-Z0-9._-]+@[a-zA-Z0-9-]+\.[a-zA-Z.]{2,5}$/.test(value);
}, 'Email Address is invalid: Please enter a valid email address.');
$("#restPasswordForm").validate({
ignore: ":hidden",
rules: {
email: {
required: true,
email: true,
emailregex: true
}
},
messages: {
email: {
required: "Please enter your email id",
},
},
submitHandler: function(form) {
var flag = false;
emailValue = $('input[name="email"]', form).val();
$.ajax({
method: 'POST',
url: '<?php echo base_url() ?>/admin/ajax_send_password_email',
data: {
email: emailValue
},
beforeSend: function() {
$('.loading').show();
$('.common-btn').hover(function() {
$(this).css({
'cursor': 'wait'
})
});
$(document.body).css({
'cursor': 'wait'
});
},
success: function(data) {
// console.log(data);
$('.loading').hide();
$(document.body).css({
'cursor': 'default'
});
$('.common-btn').hover(function() {
$(this).css({
'cursor': 'pointer'
})
});
if (data == 'failed') {
$('.loginErr').show();
}
if (data == 'success') {
$('.loginSuccess').show();
}
if (data == 'mailErr') {
$('#mailErr').show();
}
}
})
// form.submit();
}
});
</script>