I want to use XMLHttpRequest, to get the remote PHP file's response and display it on my page.
My problem, of course: The form's data isn't being submitted to that remote PHP page.
How do I make that happen? Thanks.
<form name="creation" action="" method="post">
E-mail:
<input required type="text" name="emailCreation" onchange="emailValidate();"
onkeypress="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();">
<span id="emailRegexJavascriptResponse"></span>
<br>
Username: <input required type="text" name="userCreation" onchange="userValidate();"
onkeypress="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();">
<span id="userRegexJavascriptResponse"></span>
<br>
Password: <input required type="text" name="passwordCreation" onchange="passwordValidate();"
onkeypress="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();">
<span id="passwordJavascriptResponse"></span>
<br>
<input type="button" value="Submit" onclick="creationResult();">
<div id="here"></div><div id="here2"></div>
<!-- End -->
<script type="text/javascript">
function creationResult() {
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("here").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST","accountcreation.php",true);
xmlhttp.send();
}
You have to send some data through the URL that you are specifying in the function call xmlhttp.open("POST","accountcreation.php",true);
A posting which handles same type of problem can be seen by followin the link http://www.csnotes32.com/2014/09/sample-code-for-check-availability.html