JezK
Edit File: forgotPassword.php
<?php session_start(); $msg=''; if(isset($_SESSION['forgot'])) { if($_SESSION['forgot']==3) { $msg="Mail sent successfully"; $alert_color="alert-success"; }else if($_SESSION['forgot']==4) { $msg="Mail not send"; $alert_color="alert-danger"; }else if($_SESSION['forgot']==5) { $msg="Invalid email"; $alert_color="alert-warning"; } unset($_SESSION['forgot']); } ?> <!DOCTYPE html> <html lang="en"> <head> <title>DGB Constructions</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/style.css"> <script src="js/jquery.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body> <div class="disFlexColumn container-fluid dgblogin h-100 justify-content-center align-items-center"> <h1 class="text-center">DGB Construction</h1> <div class="row"> <div class="login mx-auto"> <?php if(!empty($msg)){?> <div class="alert <?=$alert_color?>" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> <?php echo $msg?> </div> <?php }?> <form method="POST" action="./app/forgotpasswordApp.php"> <h2 class="text-center">Forgot Password</h2> <div class="form-group"> <label for="email">Email</label> <input type="email" class="form-control" id="emailID" placeholder="Enter email" name="email" > <div id="divEmail"></div> </div> <button type="submit" id= "forgotbt" class="btn btn-primary text-center submit-btn">Submit</button> </form> </div> </div> </div> </body> </html> <script> window.setTimeout(function() { $(".alert").fadeTo(500, 0).slideUp(500, function(){ $(this).remove(); }); }, 2000); $('#forgotbt').click(function(){ if($.trim($('#emailID').val())=='') { $('#divEmail').text("Please enter emailId").css("color","red"); return false; }else { $("#divEmail").text(""); } if(/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test($("#emailID").val())) { $("#divEmail").text(""); }else { $("#divEmail").text("Please enter valid email").css("color","red"); return false; } }); </script>