Bonjour,
Je viens de débuter ajax/javascript et visiblement il y a une erreur dans mon code.
Je souhaite vérifier si un pseudo est utilisé lorsque j'ai rempli la case pseudo de mon formulaire.
Côté php tout fonctionne, mais le script ne revoie pas de message...
Coté php vous pouvez voir une version basique ici : http://s778507283.onlinehome.fr/check-data.php?q=natsu (renvoie taken et natsu2 renvoie not_taken par ex)
Javascript :
Html :
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 function checkPseudo(str) { var xhttp; if (str.length == 0) { document.getElementById("pseudocomp").innerHTML = ""; return; } else { xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("pseudocomp").innerHTML = this.responseText; } }; xhttp.open("GET", "check-data.php?q=" + str, true); xhttp.send(); } }
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <div class="form-group"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="ya ya-user"></i></span> </div> <input type="text" name="pseudo" onBlur="checkPseudo()" class="form-control" id="pseudo" placeholder="Pseudo" required> </div> <small id="pseudocomp" class="form-text text-muted"></small> </div>
Merci pour votre aide et vos éclaircissements.
Partager