Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > AJAX
AJAX Forum sur la programmation AJAX. Avant de poster : Cours AJAX, FAQ AJAX, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 04/05/2011, 14h59   #1
Invité régulier
 
Inscription : février 2011
Messages : 127
Détails du profil
Informations forums :
Inscription : février 2011
Messages : 127
Points : 9
Points : 9
Par défaut 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&aacute; 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 &ecirc;tes maintenant connect&eacute;.</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;\" />&nbsp;Erreur lors de la connexion, veuillez v&eacute;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
artenis est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/05/2011, 15h17   #2
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 806
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

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

Informations forums :
Inscription : juin 2008
Messages : 13 806
Points : 35 803
Points : 35 803
Citation:
dite moi si vous avez besoin d'autre chose pour m'aider
Oui, que tu nous dises ce qui ne va pas
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, 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
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/05/2011, 17h15   #3
Invité régulier
 
Inscription : février 2011
Messages : 127
Détails du profil
Informations forums :
Inscription : février 2011
Messages : 127
Points : 9
Points : 9
actuellement avec les scripts que je presente ci-dessus, cette ligne:
Code :
<td><?php echo $possible; ?></td>
inserer dans le formulaire me dit que la variable n'existe pas , (ce qui signifie que le script ajax ou ma page compare.php ne communiquent pas entre elles)

comment verifier que mon script ajax recupere bien "compare.php"


j'aimerais savoir si le script ajax est correct (avec ce qui est ecrit lit t-il bien ma page compare.php) ???

ensuite (optionnel pour ce sujet) j'aimerais savoir comment associer une fonction javascript(jquery) a une condition php

par exemple: Si input pseudo (est déja pris) alors
on renvoie vers une fonction jquery (animation de la div)
artenis est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 09h44.


 
 
 
 
Partenaires

Hébergement Web