Controle formulaire jquery

Fareh -  
Melooo Messages postés 1405 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

j'ai crée un code jquery pour controler mon formulaire mais j'ai obtenu le controle que j'ai voulu le voir :


voilà mon code :
<script type="text/javascript" src="app/views/javascripts/jtip.js"></script>

<script type="text/javascript">

$(function (){

$('.tooltip').Tooltip();

$("#myurl").blur(function () {

if (this.value != '') {

re = /^[a-zA-Z0-9]+$/;

if (re.exec(this.value) == null)

{

alert("L'adresse que vous avez entrée contient des caractères incorrectes. Veuillez en choisir une autre avec uniquement des lettres, et des chiffres.");

$("#myurl").css('background','#c82d2d');

}

else

{

$.post("index.php?c=inscription&a=getExistMyUrl", {myurl:this.value}, function(retour) {

if (retour=='EXIST') {

alert("L'adresse que vous avez sélectionnée est déjà utilisée. Veuillez en choisir une autre.");

$("#myurl").css('background','#c82d2d');

} else {

$("#myurl").css('background','#b3c82d');

}

});

}

}

});



$("#login").blur(function () {

if (this.value != '') {

$.post("index.php?c=inscription&a=getExistLogin", {login:this.value}, function(retour) {

if (retour=='EXIST') {

alert("L'identifiant que vous avez sélectionné est déjà utilisé. Veuillez en choisir un autre.");

$("#login").css('background','#c82d2d');

} else {

$("#login").css('background','#b3c82d');

}

});

}

});



$("#mail").blur(function () {

if (this.value != '') {

$.post("index.php?c=inscription&a=getExistMail", {mail:this.value}, function(retour) {

if (retour=='EXIST') {

alert("L'adresse mail que vous avez sélectionné est déjà utilisée. Veuillez en entrer une autre.");

$("#mail").css('background','#c82d2d');

} else {

$("#mail").css('background','#b3c82d');

}

});

}

});



$("#pass2").blur(function () {

if (this.value != '') {

if ($("#pass1").val() != $("#pass2").val()) {

alert("Les mots de passes que vous avez entré ne correspondent pas.");

$("#pass1").css('background','#c82d2d');

$("#pass2").css('background','#c82d2d');

} else {

$("#pass1").css('background','#b3c82d');

$("#pass2").css('background','#b3c82d');

}

}

});

});

</script>

{/literal}



<div id="leftContent" style="background:#fff;width:660px;float:left;">



<h2>formulaire d'inscription</h2>



<form name="subscribeForm" action="index.php?c=inscription&a=submit" method="post" onsubmit="return verif(this);" class="inscription">



<fieldset>

<legend>Qui suis-je ?</legend>



<label for="nom">Mon nom</label>

<input type="text" name="nom"/>

<br clear="all" />



<label for="prenom">Mon prénom</label><input type="text" name="prenom"/>

<br clear="all" />

<br clear="all" />



<label for="sexe">Sexe</label>

<select name="sexe">

<option>- Choisissez -</option>

<option value="f">Femme</option>

<option value="h">Homme</option>

</select>

<br clear="all" />



<label for="bdate">Date de naissance</label>

{html_select_date prefix=b_ start_year='-70' field_order="DMY" reverse_years=true day_empty="- jours -" month_empty="- mois -" year_empty="- année -"};

<br clear="all" />



<label for="pays">Pays de résidence</label>

<select name="pays">

{html_options options=$pays}

</select>

<br clear="all" />



<label for="cp">Code postal</label><input type="text" name="cp"/>

<a href="index.php?c=main&a=msg&msg=inscription_help_cpostal" class="jTip" id="one" name="Entrez le code postal de votre ville"><img src="images/icons/help.png" border="0" hspace="5" vspace="2"/></a>

<br clear="all" />

<br clear="all" />



<label for="email">Mon adresse e-mail</label><input type="text" name="email" id="mail"/>

<a href="index.php?c=main&a=msg&msg=inscription_help_email" class="jTip" id="two" name="Entrez votre adresse e-mail"><img src="images/icons/help.png" border="0" hspace="5" vspace="2"/></a>

<br clear="all" />



</fieldset>



<fieldset>

<legend>Mon compte sur savethedate.fr</legend>



<label for="login">Mon identifiant</label><input type="text" name="login" id="login"/>

<a href="index.php?c=main&a=msg&msg=inscription_help_identifiant" class="jTip" id="three" name="Choisissez un identifiant"><img src="images/icons/help.png" border="0" hspace="5" vspace="2"/></a>

<br clear="all" />



<label for="passwd">Mon mot de passe</label><input type="password" name="passwd" id="pass1"/>

<a href="index.php?c=main&a=msg&msg=inscription_help_password" class="jTip" id="four" name="Choisissez un mot de passe"><img src="images/icons/help.png" border="0" hspace="5" vspace="2"/></a>

<br clear="all" />



<label for="passwd2">Vérification mot de passe</label><input type="password" name="passwd2" id="pass2"/>

<br clear="all" />

<br clear="all" />



<label>Mon adresse *</label><br clear="all"/><span>http://www.savethedate.fr/user/</span><input type="text" name="myurl" id="myurl"/><a href="index.php?c=main&a=msg&msg=inscription_help_myurl" class="jTip" id="five" name="Choisissez une adresse"><img src="images/icons/help.png" border="0" hspace="5" vspace="2"/></a>

<br clear="all"/>



</fieldset>



<fieldset>

<legend>Conditions générales d'utilisation</legend>



<label for="cgu">Acceptez-vous ?</label><input name="cgu" type="checkbox" style="display:block;float:left;"/>

<div style="float:left;margin-top:1px;color:#999">La validation de ce formulaire emporte consentement aux <a href="static/legale.html" target="_blank">Conditions Générales d'Utilisation</a> du site savethedate.fr. La validation de ce formulaire emporte également consentement à la collecte, au stockage et à l'utilisation des informations figurant sur ce formulaire. Vous disposez bien entendu d'un droit d'accès, de modification et de suppression de ces données vous concernant.</div>



</fieldset>



<br clear="all" />

<input type="submit" name="Submit" value="Valider"/>



</form>







A voir également:

1 réponse

Melooo Messages postés 1405 Date d'inscription   Statut Membre Dernière intervention   84
 
Bonjour
j'ai crée un code jquery pour controler mon formulaire mais j'ai obtenu le controle que j'ai voulu le voir

Traduction ?
Sinon met ton code entre les balises <>
0