<html>
<head>
<script type = "text/javascript" src="jquery.js" language="javascript"></script>
<script language="javascript">
$(document).ready(function()
{
$('#retorno_campo1').load('verifica_campo1.php').show();
$('#entrada_campo1').keyup(function()
{
$.post('verifica_campo1.php', { username: form.username.value },
function(result)
{
$('#retorno_campo1').html(result).show();
});
});
$('#retorno_campo2').load('verifica_campo2.php').show();
$('#entrada_campo2').keyup(function()
{
$.post('verifica_campo2.php', { username2: form.username2.value },
function(result)
{
$('#retorno_campo2').html(result).show();
});
});
});
</script>
</head>
<body>
<form name="form">
<table>
<tr>
<td> Username: <br />
<td> <input type="text" id="entrada_campo1" name="username">
<div><td id="retorno_campo1"><img src='newloader.gif'></td></div>
</tr>
<tr>
<td> Username2: <br />
<td> <input type="text" id="entrada_campo2" name="username2">
<div><td id="retorno_campo2"><img src='newloader.gif'></td></div>
</tr>
</table>
</form>
<!-- <div id="feedback"> In here</div> -->
</body>
</html> |