bonsoir,
bon j'ai fait un code Jquery concernant la validation d'un formulaire
Code : Tout sélectionner
<form id="form" method="post" action="">
<div id="input">
<input class="l_form1" type="text" placeholder="Cne" value="" name="nom" id="nnn"><img id="loader" src="loader.gif" alt="loader"/><span class="error"></span>
<div class="erreurccc"></div>
<p></p><input class="l_form1" type="password" placeholder="Mot de passe" value="" id="ppp">
<div class="erreurccc"></div>
<p></p><input class="l_form1" type="password" placeholder="Confirmation mot de passe" value="" id="confipwd">
<div class="erreurccc"></div>
<p></p><input class="l_form1" type="email" placeholder="Email(optional)" value="" id="mail"><br>
<br> <input type="submit" name="envoi" class="tt" id="envoi" value="inscription" >
</div>
</form>
code Jquery
Code : Tout sélectionner
$(function(){
$('#envoi').click(function(){
valid=true;
if($('#nnn').val()==""){
$('#nnn').next('#loader').next('.error').next('.erreurccc').fadeIn().text('Veuillez entrer votre Cne');
valid=false;
}
else{
$('#nnn').next('#loader').next('.error').next('.erreurccc').fadeOut().text('Veuillez entrer votre Cne');
}
if($('#ppp').val()==""){
$('#ppp').next('.erreurccc').fadeIn().text('Veuillez entrer votre mot de passe');
valid=false;
}
else{
$('#ppp').next('.erreurccc').fadeOut();
}
if($('#confipwd').val()=="" & $('#ppp').val()!="" ){
$('#confipwd').next('.erreurccc').fadeIn().text('Veuillez re-entrer votre mot de passe');
valid=false;
}
else{
$('#confipwd').next('.erreurccc').fadeOut();
}
if($('#ppp').val()!=$('#confipwd').val() & $('#confipwd').val()!="" ){
$('#confipwd').next('.erreurccc').fadeIn().text('les mots de passe ne sont pas identique');
valid=false;
}
return valid;
});
});
le code fait la verification si le champ est vide et si les mots de passe ne sont pas identique...ect
mnt je veux introduire une autre condition celle de verifier si le pseudo entré existe dans la base de donnee ou pas
voilà ce que j'ai parvenu à faire, mais je sais pas ou mettre ce code
Code : Tout sélectionner
var username=$('#nnn').val();
if(username!=""){
$('#loader').fadeIn(); // c juste une image de loading
$.post('post.php',{username:username},function(data){
$('#loader').fadeOut();
$('.error').text(data).fadeIn();
});
}
et voilà post.php
Code : Tout sélectionner
<?php
require('connect.php');
$username=$_POST['username'];
$req = $bdd->query("SELECT * FROM users WHERE username='$username'");
$rows=$req->rowCount();
if($rows=='1')
{
sleep(1);
echo "non disponnible";
}
else
{
sleep(1);
echo "disponnible";
}
?>
la valeur data donc contient soit valeur disponnible soit non disponnible
mais je dois tester ce que contient data comme ça j'affecte à variable valid true ou false
et comme ça le formulaire ne soumis pas
j'aimerais que j'etais assez clair et merci énormément