Scribd
Upload
15 views1 page

Ajax Form Validation Example

This document contains the code for an AJAX form that uses JavaScript to send a username input to a PHP file called check.php without reloading the page. When the username is entered or the button is clicked, an XMLHttpRequest object is created to send a POST request with the username parameter to check.php. The response is then displayed in the result div without refreshing the page.

Uploaded by

mr25000
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
15 views1 page

Ajax Form Validation Example

This document contains the code for an AJAX form that uses JavaScript to send a username input to a PHP file called check.php without reloading the page. When the username is entered or the button is clicked, an XMLHttpRequest object is created to send a POST request with the username parameter to check.php. The response is then displayed in the result div without refreshing the page.

Uploaded by

mr25000
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

C:\Users\zeus\Downloads\ajax-source-files\form.

html Saturday, October 10, 2015 12:33 PM

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Ajax Form</title>
<script>
function checkServer() {
var ajaxrequest;
var username = [Link]("username").value;
if ([Link]) {
ajaxrequest = new XMLHttpRequest();
} else {
ajaxrequest = new ActiveXObject("[Link]"); /// Older Browsers
}
[Link] = function() {
//[Link](ajaxrequest);
if ([Link] == 4 && [Link] == 200) {
[Link]("result").innerHTML = [Link];
}
}
[Link]("POST", "[Link]", true);
[Link]("Content-type", "application/x-www-form-urlencoded");
[Link]("name=" + username);
}
</script>
</head>
<body>
<input type='text' id='username' onkeyup="checkServer()">
<button type='button' onclick="checkServer()">Check Content</button>
<div id='result'></div>
</body>
</html>

-1-

You might also like