adamriley Posted November 16, 2010 Share Posted November 16, 2010 The problem I have is when you enter a username in the textbox the page reloads I would like it to update the div named "result" with the responce form.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Login</title> <script language="JavaScript" type="text/javascript"> <!-- function submit(theform) { if (theform.username.value=="") { document.getElementById("result").innerHTML="Result : Please type a username to login!"; return false; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText; return false; } } xmlhttp.open("GET","login_submit.php?u="+theform.username.value,true); xmlhttp.send(); } //--> </script> </head> <body bgcolor="#FFFFFF" text="#000000"> <div id="Form1" style="position:absolute;left:0px;top:0px;width:797px;height:414px;z-index:4;" align="left"> <form name="Form1" method="POST" action="" id="Form1" onsubmit="return submit(this)"> <input type="hidden" name="q1000" value="2"> <input type="text" id="username" style="position:absolute;left:149px;top:81px;width:424px;font-family:Courier New;font-size:16px;z-index:0" name="username" value="Username"> <input type="submit" id="Button1" name="Button1" value="Submit" style="position:absolute;left:293px;top:152px;width:75px;height:24px;font-family:Arial;font-size:13px;z-index:2"> <div id="result" style="position:absolute;left:27px;top:215px;width:500px;height:24px;z-index:3;" align="left"> <font style="font-size:21px" color="#000000" face="Arial">Result : N/A Click submit</font></div> </form> </div> <div id="Text1" style="position:absolute;left:0px;top:7px;width:787px;height:32px;z-index:5;" align="center"> <font style="font-size:27px" color="#000000" face="Arial">Login</font></div> </body> </html> Quote Link to comment https://forums.phpfreaks.com/topic/218882-login-with-ajax-and-php/ Share on other sites More sharing options...
seanlim Posted November 19, 2010 Share Posted November 19, 2010 try changing your onsubmit handler to "submit(this); return false;". I think the submit function isn't returning a value to the onsubmit event handler, so the form continues to be processed the "normal" way Quote Link to comment https://forums.phpfreaks.com/topic/218882-login-with-ajax-and-php/#findComment-1136460 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.