[AJAX] comparaison pseudo en temps reel
Bonjour,
plus précisément sans cliquer ou que ce soit (submit ou input)
je souhaite pouvoir, lors de l’écriture d'un pseudo (et d'un mdp) , comparer celui-ci à ceux se trouvant dans une BDD.
j'ai tout d'abord mis en place, la page compare.php (connexion a la base de donnée et établissement d'une condition de comparaison
:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<?php
//if(isset($_POST['pseudo_creation']) && isset($_POST['mdp_creation'])){
//if(isset($_POST['new'])){
$pseudo_new = mysql_real_escape_string($_POST['pseudo_creation']);
$mdp_new = mysql_real_escape_string($_POST['mdp_creation']);
mysql_connect('localhost', 'root', '');
mysql_select_db('pti-1');
$sql = "SELECT (pseudo,motdepasse) INTO tchat";
$req = mysql_query($sql) or die('Connexion impossible'. mysql_error());
$aff = mysql_fetch_array($req);
//};
//};
?>
<?php
if($aff['pseudo'] == $_POST['pseudo_creation']){ $possible = 'Pseudo deacute;já pris'; } else{ $possible = 'Pseudo valide';}
?> |
comme vous pouvez le voir j'ai mis en commentaire les conditions d'existence des input et du submit pour que l'ajax puisse traiter automatiquement la page compare.php
ci-dessous, le script ajax:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<script>
$(document).ready(function(){
//$("#inscription").submit( function() { // à la soumission du formulaire
$.ajax({
type: "POST",
url: "compare.php",
data: "pseudo_creation="+$("#pseudo_creation").val()+"&mdp_creation="+$("#mdp_creation").val(),
success: function(msg){ // si l'appel a bien fonctionné
if(msg==1) // si la connexion en php a fonctionnée
{
$("div#connexion").html("<span id=\"confirmMsg\">Vous êtes maintenant connecté.</span>");
// on désactive l'affichage du formulaire et on affiche un message de bienvenue à la place
}
else // si la connexion en php n'a pas fonctionnée
{
$("span#erreur").html("<img src=\"bomb.png\" style=\"float:left;\" /> Erreur lors de la connexion, veuillez vérifier votre login et votre mot de passe.");
// on affiche un message d'erreur dans le span prévu à cet effet
}
}
});
//return false; // permet de rester sur la même page à la soumission du formulaire
//}); |
ici aussi j'ai mis en commentaire l'evenement submit ainsi que la redirection puisque je voudrais que le script fonctionne automatiquement (sans click)
enfin voici le formulaire :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<div id="new_inscription">
<table id="nouveau" >
<form name="inscription" id="inscription" method="post" action="conx_bdd.php">
<tr><td colspan="3" style="height:40px; border-bottom:1px solid white">Tu dois tout d'abord creer un pseudo et un mot de passe</td></tr>
<tr>
<td>Pseudo</td><td><input type="text" name="pseudo_creation" id="pseudo-creation"/></td>
<td><?php echo $possible; ?></td>
</tr>
<tr><td>Mot de passe</td><td><input type="password" name="mdp_creation" id="mdp-creation" /></td><td></td></tr>
<tr><td colspan="3">Tu es : une fille <input type="radio" name="sex" value="girl"/>, un garçon <input type="radio" name="sex" value="boy"/> </td></tr>
<tr><td colspan="3">Choisie maintenant ton avatar : </td></tr>
<tr><td id="ava"></td></tr>
<tr><td><input type="submit" name="new" id="new" value="J'accepte"/></td></tr>
</form>
</table>
</div> |
Ici vous pouvez voir que j'ai inserer ce code:
Code:
<td><?php echo $possible; ?></td>
car je voudrais ajouter un commentaire (compare.php) pour dire si le pseudo est libre ou pas
dite moi si vous avez besoin d'autre chose pour m'aider , merci
