[AJAX]Souci lors d'une vérification

Fermé
£udo Messages postés 455 Date d'inscription mardi 8 juin 2004 Statut Membre Dernière intervention 19 décembre 2006 - 10 sept. 2006 à 10:49
 riderfun - 15 sept. 2008 à 15:38
Salut à tous ! Après avoir lu differents tutos et testé des scripts, jai essayé moi meme AJAX. Mais ça passe pas trop

J'ai 3 scripts; le premier est le formulaire que voici :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 <head>
    <meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-15" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <meta http-equiv="Content-Language" content="fr" />

    <title>Identification avec XmlHttpRequest?</title>
    <script type="text/javascript" src="verif.js"></script>
 </head>

 <body>
    <form action="prout.php" method="POST" id="frmIdentification">
        <fieldset>
            <legend>Connexion</legend>

            <label for="txtLogin">Login</label>
            <input type="text" value="" name="login" id="txtLogin" />

            <label for="txtPassword">Mot de passe</label>
            <input type="text" value="" name="password" id="txtPassword" />

            <input type="submit" value="Connexion" />
			
			<div id="pseudobox"></div><div id="pseudobox2"></div><div id="pseudobox3"></div>
        </fieldset>
    </form>
 </body>
 </html>

le deuxième est le script .js pour faire les controles;
// JavaScript Document
function writediv(texte)
    {
    document.getElementById('pseudobox').innerHTML = texte;
    }
function writediv2(texte)
    {
    document.getElementById('pseudobox2').innerHTML = texte;
    }
function writediv3(texte)
{
document.getElementById('pseudobox3').innerHTML = texte;
}

window.onload = function()
{
   //on associe la fonction verif à
   //l'événénement onsubmit du formulaire
   document.getElementById('frmIdentification').onsubmit = verif;
}

function verif()
{
   
      nberreur=0;
      login=document.getElementById('txtLogin').value;
     
      password=document.getElementById('txtPassword').value;
   
   if (login=="")
   {
    writediv("pas de login !<br />");
    nberreur++;
   }
   else
   {
 
 /* On crée l'instance de l'objet XMLHTTPRequest */
 var mon_objet = new Object;
 
 /* Si c'est Mozilla/Firefox/Nescape/opera/safari */
 if(window.XMLHttpRequest)
    mon_objet = new XMLHttpRequest();  
   
 /* Si c'est Internet Explorer */
 else if(window.ActiveXObject)
   mon_objet = new ActiveXObject("Microsoft.XMLHTTP");
 /* Si aucun navigateur compatible avec XMLHttpRequest, on le signale */
 else
   {
   writediv("Votre navigateur ne supporte pas les objets XMLHTTPRequest... Veuillez mettre à jour votre navigateur");  
   }
    /* on spécifie la méthode, l'URL et le type de transmission  */
    mon_objet.open("POST","test.php",true);
     
    /* On spécifie la fonction à exécuter */
    mon_objet.onreadystatechange = function()
     {
      /* si on a reçu la réponse */
      if(mon_objet.readyState == 4)
      {  
       /* on reçoit les données et on les affiche*/
       writediv(mon_objet.responseText);
      }
     }
     
   
    /* On précise l'encodage en spécifiant l'en-tête adéquat (seulement avec POST) */
    mon_objet.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   
    /* on crée les données à transmettre */
   
    /* On envoie la requête avec les données */
    var donnee = document.getElementById('txtLogin').value;
    alert(donnee);
    mon_objet.send(donnee);  
     
 
   
   }

   
   
   
   if (password=="")
   {
    writediv2("pas de password !");
    nberreur++;
   }
 
   
   

   
   
   if(nberreur==0)
   {
    return true;
   }
   else
   {
    return false;
   }
   
}

Enfin le 3eme est le script php pour faire la vérification du pseudo (voir si il est deja pris)
<?php

/* On définit le type de fichier */
header("Content-type: text/html; charset=iso-8859-1");
if($_POST['login']=='ludo')
{  
 echo "Cest pas libre pour<br /> ".$_POST['login']."";  
}
else
{
 echo "Cest libre pour <br /> ".$_POST['login']."";
}

?>


le 3eme script est très simpliste; c'est juste pour un test, et je ferai la vérification avec une base de donnée plus tard; C'est la que ça ne marche pas comme je veux; il n'arrive pas à m'envoyée le contenu de la variable et je ne sais comment concaténer.

Alors si qqn pouvait m'aider, ce serait gentil; Et aussi est ce que je m'y prends bien dans mon script .js ??

Merci d'avance

(¯`·.¸¸.-> £udo <-.¸¸.·´¯)

1 réponse

Bonjour, je sais que ce post est vieu mais avez vous reussit à régler votre problème? car j'aimerais faire la même chose...cordialement.
0

Discussions similaires