php ajax login form using jquery

Solutions on MaxInterview for php ajax login form using jquery by the best coders in the world

showing results for - "php ajax login form using jquery"

26 Feb 2020

1<html>
2<head>
3<link href="login_style.css" type="text/css" rel="stylesheet"/>
4<script type="text/javascript" src="jquery.js"></script>
5<script type="text/javascript">
6function do_login()
7{
8 var email=$("#emailid").val();
9 var pass=$("#password").val();
10 if(email!="" && pass!="")
11 {
12  $("#loading_spinner").css({"display":"block"});
13  $.ajax
14  ({
15  type:'post',
16  url:'do_login.php',
17  data:{
18   do_login:"do_login",
19   email:email,
20   password:pass
21  },
22  success:function(response) {
23  if(response=="success")
24  {
25    window.location.href="index.php";
26  }
27  else
28  {
29    $("#loading_spinner").css({"display":"none"});
30    alert("Wrong Details");
31  }
32  }
33  });
34 }
35
36 else
37 {
38  alert("Please Fill All The Details");
39 }
40
41 return false;
42}
43</script>
44</head>
45<body>
46<div id="wrapper">
47
48<div id="login_form">
49 <h1>LOGIN FORM</h1>
50 <p id="login_label">Email : demo@demo.com | Password : demo</p>
51 <form method="post" action="do_login.php" onsubmit="return do_login();">
52  <input type="text" name="emailid" id="emailid" placeholder="Enter Email">
53  <br>
54  <input type="password" name="password" id="password" placeholder="***********">
55  <br>
56  <input type="submit" name="login" value="DO LOGIN" id="login_button">
57 </form>
58 <p id="loading_spinner"><img src="images/loader.gif"></p>
59</div>
60
61</div>
62</body>
63</html>

source

similar questions

login php login javascript php login php formdata jquery ajax php ajax php call action form ajax php form submit login html php how to call php function from ajax

queries leading to this page

ajax login form using jquery 2c php and mysql login page with ajax and php php ajax login form how to login with jquery ajax ajax login form ajax login in php login and register form php ajax login script with ajax in php login using ajax in php login using ajax and php php login usign ajax login with ajax login form using ajax and php ajax code for login form ajax php login form login form with jquery ajax json login form using ajax and javascript injection login register php ajax creating login form using ajax ajax for login page login with jquery ajax login ajax jquery php php ajax login form using jquery ajax code login form complete ajax login system with php and mysql javascript login form ajax login form using php and ajax wp login form ajax login form ajax login page using ajax and php login ajax php js ajax login form using jquery php and mysql ajax login form example how to login in php using ajax login page using ajax tutorial login using ajax javascript login form ajax without jquery creating login form alerts in ajax is login page with ajax or php html login form with ajax how to use ajax and submit login form in php html css login form using jquery ajax login with ajax in php jquery ajax login form how to login using ajax ajax login in php means php login using ajax how to make a login form in ajax login page with ajax code in php login with ajax php login through ajax in php simple login form in php jquery ajax login form php ajax php login with ajax how to make a ajax login form ajax using login form ajax login form wordpress login form ajax php mysql php ajax login form using jquery