Untitled

html:

<html>
	<head>
		<title>Login</title>
		<script type="text/javascript" src="ajax.js"></script>
	</head>
<body>
<table>
	<tr>
		<td>שם משתמש:</td>
		<td><input type="text" id="username" /></td>
	</tr>
	<tr>
		<td>סיסמא:</td>
		<td><input type="text" id="password" /></td>
	</tr>
	<tr>
		<td><input type="button" onclick="Login('resultLogin', 'username', 'password');" value="Submit" /></td>
		<td id="resultLogin"></td>
	</tr>
</table>
</body>
</html>

js => ajax

function Login(ObjectLoad, Username, Password)
{
	document.getElementById(ObjectLoad).innerHTML = 'Loading, please wait ... ';
	var Username = document.getElementById(Username).value;
	var Password = document.getElementById(Password).value;
	if (window.XMLHttp.Request) {
		PhpAjax = new XMLHttp.Requset();
	} else {
		PhpAjax = new ActiveXObject("Microsoft.XMLHTTP");
	}
	PhpAjax.onreadystatechange=function()
	{
		if (PhpAjax.status == 200)
		{
			document.getElementById(ObjectLoad).innerHTML = PhpAjax.responseText;
		}
	}
	var url = "ajax.php?username="+Username+"&password="+Password;
	PhpAjax.open("GET", url, true);
	PhpAjax.send(null);
}

php:

<?php
	$username = $_GET['username'];
	$password = $_GET['password'];
		if (($username == "admin") && ($password == "123456")) {
			echo "<span style=\"color: red;\">Username or password is incorrect !</span>";
		} else {
			echo "<span style=\"color: green;\">You have connected successfully !</span>";
		}
?>