JezK
Edit File: change_password.php
<?php include_once("app/checkSession.php"); if(empty($_SESSION['user_id'])&& $_SESSION['user_id']=='') { header("Location: ../owner_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-12 col-lg-4"> <h5><?php echo $lang['CHANGE_PASSWORD'];?></h5> </div> </div> </div> <form action="app/changePassword.php" method="post"> <div class="container mt-5 px-3 px-md-5 "> <div class="row"> <!-- <div class="col-md-1"></div> --> <div class="col-md-12 col-lg-6 col-sm-12"> <div class="card"> <div id="changePassword_Div" class="card-body"> <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> </form> <script> $(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> <?php include('footer.php'); ?> <script type="text/javascript" src="js/validations.js"></script> <!--<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="js/validations.js"></script> </body> </html> -->