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-4"> <h5>Change password</h5> </div> </div> </div> <form action="app/changePassword.php" method="post"> <div class="container mt-5"> <div class="row"> <div class="col-md-1"></div> <div class="col-md-6"> <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>Password</label> <input class="form-control"type="password" name="password" id="password"> <i class="fa fa-eye icon icon-display" id="togglePassword"></i> </div> <div class="error password_error"></div> <div class="form-group"> <label>Confirm Password</label> <input class="form-control"type="password" name="cnfrmPassword" id="cnfrmPassword"> <i class="fa fa-eye 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="Update Password" onclick="return changePassword();"> </div> </div> </div> </div> <div class="col-md-3"></div> </div> </div> </form> <script> const togglePassword = document.querySelector('#togglePassword'); const password = document.querySelector('#password'); const togglePassword2 = document.querySelector('#togglePassword2'); const password2= document.querySelector('#cnfrmPassword'); togglePassword.addEventListener('click', function (e) { // toggle the type attribute const type = password.getAttribute('type') === 'password' ? 'text' : 'password'; password.setAttribute('type', type); // toggle the eye slash icon this.classList.toggle('fa-eye-slash'); }); togglePassword2.addEventListener('click', function (e) { // toggle the type attribute const type = password2.getAttribute('type') === 'password' ? 'text' : 'password'; password2.setAttribute('type', type); // toggle the eye slash icon this.classList.toggle('fa-eye-slash'); }); </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> -->