HTML4 > Login mdp ajax

Titre	Login mdp ajax
Postée le	01-04-2010
Affichée	571
Mini-lien
Description	ajax
Etat	Ne contient pas d'erreurs.

Code d'insertion

Options

Téléchargement

<html>
<body>

<script type=text/javascript>
var xhr = null;
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
{
try
{
xhr = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e1)
{
xhr = null;
}
}
}
else // XMLHttpRequest non supporté par le navigateur
{
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
}

function Tester()
{
xhr.open("GET","user.php?login="+document.getElementById("login").value,true);
xhr.onreadystatechange=function()
{
if(xhr.readyState==4 && xhr.status==200)
{
if(xhr.responseText==1)
{
document.getElementById("test").innerHTML="<font color=red><b>Le login "+document.getElementById("login").value+" est déjà utilisé</b></font>";
document.getElementById("login").value="";
}
else
document.getElementById("test").innerHTML="";
}
}
xhr.send(null);
}

</script>

Login : <input type=text id=login onblur="Tester();"><br>
<div id=test></div>
Mot de passe : <input type=text><br>
Date de naissance : <input type=text><br>
<button type=button>S'inscrire</button>

</body>
</html>