IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

disponibilité de pseudo avec javascript


Sujet :

JavaScript

  1. #1
    Membre éclairé Avatar de menoulette
    Inscrit en
    Août 2009
    Messages
    320
    Détails du profil
    Informations forums :
    Inscription : Août 2009
    Messages : 320
    Par défaut disponibilité de pseudo avec javascript
    Bonjour tout le monde..
    je veux mettre dans ma page d'inscription pour mon site un bouton qui vérifie la disponibilité de pseudo pour cela j'ai utilisé javascript et php ..pour le problème php j'ai résolu mais pour javascript ca reste sans fonctionner..
    voici le code source...
    pour les fonction javascript:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    <script type="text/javascript">
    function writediv(texte)
         {
         document.getElementById('pseudobox').innerHTML = texte;
         }
     
    function verifPseudo(pseudo)
         {
         if(pseudo != '')
                   {
                   if(pseudo.length<1)
                             writediv('<span style="color:#cc0000"><b>'+pseudo+' : ce pseudo est trop court</span>');
                   else if(pseudo.length>20)
                             writediv('<span style="color:#cc0000"><b>'+pseudo+' : ce pseudo est trop long</span>');
    else if(!isNaN(pseudo.charAt(0)))
    writediv('<span style="color:#cc0000"><b>'+pseudo+' : erreur: le pseudo doit commencer par une lettre.</span>');
                   else if(texte = file('verifpseudo.php?pseudo='+escape(pseudo)))
                             {
              if(texte == 1)
                   writediv('<span style="color:#cc0000"><b>'+pseudo+' : ce pseudo est déjà pris, merci d\'en choisir un autre.<BR>Pour trouver un pseudo libre, essayez d\'ajouter un nombre à votre pseudo<BR>par exemple: magique + 55 = magique55<BR><BR>Ou essayez de grouper deux mots:<BR>marie + paris = marieparis</span>');
              else if(texte == 2)
                   writediv('<span style="color:#1A7917"><b>'+pseudo+' : ce pseudo est libre. Vous pouvez continuer l\'inscription.</span>');
     
              else
                   writediv('');
                             }
                   }
     
         }
     
     
    function file(fichier)
         {
         if(window.XMLHttpRequest) // FIREFOX
              xhr_object = new XMLHttpRequest(); 
         else if(window.ActiveXObject) // IE
              xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
         else 
              return(false); 
         xhr_object.open("GET", fichier, false); 
         xhr_object.send(null); 
         if(xhr_object.readyState == 4) return(xhr_object.responseText);
         else return(false);
         }
    </script>
    Pour le formulaire..


    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <input type="text" name="auteur" size="15" maxlength="15" class="inputb" value="" onblur="verifPseudo(document.form.auteur.value)">
     
    <INPUT TYPE="BUTTON" onclick="verifPseudo(document.form.auteur.value)" style="background-color: #FFFF00; color: #000000; font-weight: bold; border-width: 2px; font-size:11pt" value="Vérifier la disponibilité">
    <div id="pseudobox"></div>
    et pour le script php:




    Code PHP : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    <?php
    //
    // VERIFICATION EN LIVE DU PSEUDO
    //
     
    // CONNECION SQL
    if(isset($_GET['auteur'])){
    mysql_connect("localhost", "root", "");
    mysql_select_db("base")or die("cannot to select db");
     
    // VERIFICATION
    $result = mysql_query("SELECT pseudo  FROM utilisataur WHERE pseudo='".$_GET['auteur']."'")or die("errorr");
    if(mysql_num_rows($result)>=1)
    echo "1";
    else
    echo "2";
    }
    ?>

    Voila et mon problème c'est que ca n'affiche rien quand je click sur le bouton vérifier la disponibilité..
    j'ai besoin d'aide de me dire que dois-je faire..
    Merci..
    Amicalement

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Salut,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onclick="verifPseudo(document.form.auteur.value)"
    Je pense que tu confonds les propriétés forms et form...
    * form est une propriété des éléments de formulaire référençant le formulaire qui les contient. Ce n'est donc pas une propriété de document.
    * forms est une propriété de document qui référence l'ensemble des formulaires d'un document sous forme de collection (comparable à un tableau).

    Une solution :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onclick="verifPseudo(this.form.auteur.value)"
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre éclairé Avatar de menoulette
    Inscrit en
    Août 2009
    Messages
    320
    Détails du profil
    Informations forums :
    Inscription : Août 2009
    Messages : 320
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Salut,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onclick="verifPseudo(document.form.auteur.value)"
    Je pense que tu confonds les propriétés forms et form...
    * form est une propriété des éléments de formulaire référençant le formulaire qui les contient. Ce n'est donc pas une propriété de document.
    * forms est une propriété de document qui référence l'ensemble des formulaires d'un document sous forme de collection (comparable à un tableau).

    Une solution :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onclick="verifPseudo(this.form.auteur.value)"
    Merci beaucoup monsieur ! Mais même avec cette solution ca ne marche pas!!en plus j'ai mon formulaire qui s'appelle form
    le code php est juste mais por le code javascript je sais !!! y'a quelque chose qui cloche !!mais j'arrive pas à trouver


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    	<form name="form" method="post" action="enregistrement.php" >
    Merci

Discussions similaires

  1. navigation dans une jsp avec javascript
    Par petitelulu dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 15/11/2004, 18h55
  2. Defilement de la fenetre avec JavaScript
    Par black is beautiful dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/09/2004, 10h21
  3. Lien ASP avec javascript
    Par RATIER dans le forum ASP
    Réponses: 3
    Dernier message: 15/07/2004, 08h54
  4. Réponses: 4
    Dernier message: 27/04/2004, 14h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo