Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/luckymerchan/code/forgotpassword/ |
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/" class="text-info">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Forgot password</li>
</ol>
</nav>
<div class="card">
<div class="card-header">Forgot your password?</div>
<div class="card-body">
<div class="row">
<div class="g_auth_login col-md-12 text-center">
<div class="alert alert-warning alert-dismissible fade show" role="alert">
Please enter the email address you use to log in and we’ll send a <strong>auth code</strong> to reset your password.
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
</div>
<div class="col-md-12 d-flex justify-content-center">
<form class="" action="" method="post" id="forgotpassword_form">
<!-- Email input -->
<div class="form-group form-outline mb-4">
<label class="form-label" for="Email">Email address</label>
<input type="email" id="Email" name="f[email]" class="form-control" required/>
</div>
<div class="row mb-2">
<!-- Submit button -->
<input type="submit" class="submit" style="display:none;" name="submitbt">
<a href="javascript:void(0);" class="btn_forgotpassword btn btn-info btn-block mt-2 text-white">Send</a>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="auth_code_modal" tabindex="-1" aria-labelledby="auth_code_modalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
Please enter the verification code sent to your email: <b id="txt_email"></b>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="mb-3">
<label for="txt_auth_code" class="form-label">Auth code</label>
<input type="text" class="form-control" id="txt_auth_code" name="txt_auth_code" aria-describedby="emailHelp">
<div id="emailHelp" class="form-text">Please check email (inbox or spam) <b id="txt_email2"></b> and input auth code .</div>
</div>
<div class="mb-3">
<label for="new_password" class="form-label">New password</label>
<input type="password" class="form-control" id="new_password" name="new_password">
</div>
<div class="mb-3">
<label for="renew_password" class="form-label">Re-new password</label>
<input type="password" class="form-control" id="renew_password" name="renew_password">
</div>
</div>
<div class="modal-footer">
<a class="send_auth_code btn btn-danger" href="javascript:void(0);">Submit</a>
<a class="dong m-l-5 btn btn-dark" href="javascript:void(0);" data-bs-dismiss="modal">Close</a>
</div>
</div>
</div>
</div>
<script>
function validateEmail(email) {
var re = /\S+@\S+\.\S+/;
return re.test(email);
}
$(document).ready(function() {
var cur_url = undefined;
cur_url = document.location.href;
var result = typeof cur_url === 'string' ? cur_url.split('#') : [];
if (result[1]!='' && validateEmail(result[1])) {
swal.fire('','User with email ' + result[1] + ' not found!');
window.history.pushState('page2', 'Title', result[0]);
}
if(result[1]!=''){
var myArray = typeof result[1] === 'string' ? result[1].split('--') : [];
if (myArray[0] == 'auth_code_input') {
$('#auth_code_modal').modal('show');
var email = myArray[1].replace("[]", "@");
$(".modal-header #txt_email").html(email);
$(".modal-body #txt_email2").html(email);
window.history.pushState('page2', 'Title', result[0]);
}
}
$('.send_auth_code').click(function(){
var txt_auth_code = $('#txt_auth_code').val();
if(txt_auth_code==''){
swal.fire('','Please enter the auth code!');
return false;
}
var txt_email = $('#txt_email').text();
var new_password = $('#new_password').val();
var renew_password = $('#renew_password').val();
if(new_password=='' || renew_password==''){
swal.fire('','Please enter password and re-password!');
return false;
}
if(new_password!=renew_password){
swal.fire('','Password and re-password must same!');
return false;
}
$.ajax({url: '?act=ajax&code=auth_code_forgotpassword&txt_auth_code='+txt_auth_code+'&email='+txt_email+'&password='+renew_password,
'dataType':'json',
success: function(result){
if(result.status=='fail'){
swal.fire('','Wrong auth code, please try again!');
return false;
}else{
location.href=result.url_ref;
}
}
});
});
$('.btn_forgotpassword').click(function (){
$('#forgotpassword_form .submit').click();
return false;
});
});
</script>