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>
Afficher la suite
