JezK
Edit File: change_password.php
<?php include_once("app/checkSession.php"); if(empty($_SESSION['customer_user_id'])&& $_SESSION['customer_user_id']=='') { header("Location: ./login.php"); } include('header.php'); ?> <link rel="stylesheet" href="css/newcontact.css"> <body> <div class="container mt-3 px-md-5 px-3"> <div class="row"> <div class=" col-md-4"> <h5><?php echo $lang['CHANGE_PASSWORD'];?></h5> </div> </div> </div> <form action="app/changePassword.php" method="post"> <div class="container mt-5 px-5"> <div class="row"> <!-- <div class="col-md-1"></div> --> <div class="col-lg-5 col-md-12 col-sm-12"> <div class="card"> <div id="changePassword_Div" class="card-body"> <!-- <div class="form-group"> <label>Email</label> <input type="email" name="email" class="form-control" id="email"> <div class="error email_error"></div> </div> --> <div class="form-group"> <label><?php echo $lang['OLD_PASSWORD'];?></label> <input class="form-control" type="password" name="old_password" id="old_password" placeholder="<?php echo $lang['ENTER_YOUR_OLD_PASSWORD'];?>"> <i class="fa fa-eye-slash icon icon-display" id="togglePassword3"></i> </div> <div class="error old_password_error"></div> <div class="form-group"> <label><?php echo $lang['NEW_PASSWORD'];?></label> <input class="form-control" type="password" name="password" id="password" placeholder="<?php echo $lang['ENTER_YOUR_NEW_PASSWORD'];?>"> <i class="fa fa-eye-slash icon icon-display" id="togglePassword"></i> </div> <div class="error password_error"></div> <div class="form-group"> <label><?php echo $lang['CONFIRM_PASSWORD'];?></label> <input class="form-control" type="password" name="cnfrmPassword" id="cnfrmPassword" placeholder="<?php echo $lang['ENTER_YOUR_CONFIRM_PASSWORD'];?>"> <i class="fa fa-eye-slash icon icon-display" id="togglePassword2"></i> </div> <div class="error cnfrmPassword_error"></div> <div class="form-group"> <input type="submit" name="changePwd" class="btn btn-primary w-auto" value="<?php echo $lang['UPDATE_PASSWORD'];?>" onclick="return changePassword();"> </div> </div> </div> </div> <div class="col-md-3"></div> </div> </div> <input type="hidden" name="token" value="<?php echo $_SESSION['customer_token'];?>"> </form> <?php include('footer.php'); ?> <script type="text/javascript" src="js/validations.js"></script> <script> let $ = jQuery; $(document).on('click', '#togglePassword', function() { $(this).toggleClass("fa-eye fa-eye-slash"); var input = $("#password"); input.attr('type') === 'password' ? input.attr('type', 'text') : input.attr('type', 'password') }); $(document).on('click', '#togglePassword2', function() { $(this).toggleClass("fa-eye fa-eye-slash"); var input = $("#cnfrmPassword"); input.attr('type') === 'password' ? input.attr('type', 'text') : input.attr('type', 'password') }); $(document).on('click', '#togglePassword3', function() { $(this).toggleClass("fa-eye fa-eye-slash"); var input = $("#old_password"); input.attr('type') === 'password' ? input.attr('type', 'text') : input.attr('type', 'password') }); </script>