JezK
Edit File: index.php
<?php include("header2.php"); if (isset($_SESSION['loginFailed'])) { echo "<script>alert('Invalid credentials');</script>"; unset($_SESSION['loginFailed']); } if (isset($_SESSION['invalidPhoneNo'])) { echo "<script>alert('Phone No not found. Please provide correct Phone No.');</script>"; unset($_SESSION['invalidPhoneNo']); } if (isset($_SESSION['validPhoneNo'])) { echo "<script>alert('Otp sent to your Phone No successfully.');</script>"; unset($_SESSION['validPhoneNo']); } ?> <div class="container main"> <div class="col-md-6 col-md-offset-3 loginStyle"> <div class="text-center logoStyle "><a href="http://ddd.krify.com/nabfins10/"><img src="images/logo.png"></a></div> <form class="col-md-6 col-md-offset-3" method="post" action="app/loginApp.php"> <div class="input-group "> <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> <input id="email" type="email" class="form-control" maxlength="256" name="email" placeholder="Email" autocomplete="off" required> </div> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span> <input id="password" type="password" class="form-control" maxlength="30" name="password" placeholder="Password" autocomplete="off" required> </div> <!-- reCAPTCHA v2 widget --> <div class="text-center" style="margin-top:10px; margin-bottom:10px"> <div class="g-recaptcha" data-sitekey="6LcawSAsAAAAAKyMGRU1-35ONazDeuKZUA4WgU2z"></div> </div> <div class="text-center"> <div><input type="submit" class="btn btn-primary cs-login" value="Login" name="login"></div> <a class="forgotStyle" data-toggle="modal" data-target="#myModal" style="cursor:pointer">Forgot Password?</a> </div> </form> </div> </div> <!-- Modal --> <div id="myModal" class="modal fade" 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" style="color: rgb(106, 0, 0);">Lost Your Password?</h4> </div> <form action="app/forgotPassword.php" method="post"> <div class="modal-body"> <div class="form-group text-center "> <input id="phone_no" type="tel" class="form-control" name="phone_no" placeholder="Enter Phone Number Here" required> </div> <div class="text-center" style="margin-top:20px;"> <input type="submit" class="btn btn-primary" value="Submit"> </div> </div> </form> </div> </div> </div> <style> .cs-dropdown { display: none; } /* Scale down reCAPTCHA size */ .g-recaptcha { transform: scale(0.80); /* adjust 0.80 to any size you want */ -webkit-transform: scale(0.80); transform-origin: 0 0; -webkit-transform-origin: 0 0; } </style> <script> document.getElementById('email').addEventListener('input', function () { this.value = this.value.replace(/[^a-zA-Z0-9@._-]/g, ''); }); $('#email, #password').on('paste copy cut drop', function(e){ e.preventDefault(); }); </script> <?php include "footer.php" ?>