JezK
Edit File: index.php
<?php ini_set("display_errors",1); include('admin_functions.php'); $admin=new adm_functions(); if(isset($_POST['action']) && $_POST['action'] == "login"){ $result=$admin->admin_login($_POST['email'],$_POST['password']); if($result == "200"){ echo "<script>location.replace('dashboard.php');</script>"; //echo "<script>location.replace('new_location_management1.php');</script>"; }else{ echo "<script>alert('Please check your login credentials');</script>"; echo "<script>location.replace('index.php');</script>"; } } if(isset($_POST['action']) && $_POST['action'] == "Mail"){ $result=$admin->admin_forgotpass($_POST['mailemail']); if($result == "100"){ echo "<script>location.replace('dashboard.php');</script>"; }else{ echo "<script>alert('Please check your Email Id');</script>"; echo "<script>location.replace('login.php');</script>"; } } ?> <html lang="en"> <head> <title>ADMIN </title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/png" href="assets/img/favicon1.png"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="text-center"> <img src="assets/img/appicon.png" /> </div> <div class="col-md-6 col-md-offset-3 div_border"> <form class="form_paddign" method="post"> <h4><b>Admin Login</b></h4> <div class="input-group col-md-12"> <span class="input-group-addon span_backgrd"><i class="glyphicon glyphicon-user"></i></span> <input id="email" type="text" class="form-control" name="email" id="email" placeholder="Email"> </div> <br> <div class="input-group col-md-12"> <span class="input-group-addon span_backgrd"><i class="glyphicon glyphicon-lock"></i></span> <input id="password" type="password" class="form-control" name="password" id="password" placeholder="Password"> </div> <br> <div class="text-center"> <button type="submit" class="btn btn-default btn-lg" name="subbtn" id="subbtn" style="background-color: #5686ac;color:white" ><b>LOGIN</b></button><br> <a href="#" class="text-center forgot_pswd" data-toggle="modal" data-target="#myModal">Forgot Your Password?</a> </div> <input type="hidden" id="action" name="action" value="login"> </form> </div> </div> <!-- Modal --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title text-center">Forgot Your Password?</h4> </div> <div class="modal-body row"> <form method="POST" onsubmit="return forgotvalidate()"> <div class="form-group "> <label for="email" class="col-md-3">Enter Email Id</label> <div class="col-md-5"> <input type="text" class="form-control" name="mailemail" id="mailemail"> </div> </div> <div> <input type="submit" value="submit" name="mailbtn" id="mailbtn" class="btn btn-primary" > </div> <input type="hidden" name="action" id="action" value="Mail"> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> </body> </html> <style> .div_border{ border:1px solid black; margin-top: 15px; border-radius: 15px; background: #009fe2; } .form_paddign { padding: 50px 70px 85px 70px; } .form_paddign h4{ color:white; } .forgot_pswd{ color:white; } body{ background: rgba(0, 100, 177, 0.59); background: rgba(0, 100, 177, 0.59); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left top, rgba(0, 100, 177, 0.59), black); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom right, rgba(0, 100, 177, 0.59), black); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom right, rgba(0, 100, 177, 0.59), black); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom right, rgba(0, 100, 177, 0.59), black); /* Standard syntax */ } html{ height:100%; float:left; width:100%; } .span_backgrd{ background: #5788ae; color:white; } </style> <script> function forgotvalidate(){ var email = document.getElementById('mailemail').value; var regex_email =/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/; if(email == ''){ alert('Please Enter The email id'); return false; } if(!regex_email.test(email)) { alert('Please Enter The valid email id'); return false; } } </script>