JAVASCRIPT > problème de vérification mail (formulaire)

Marsh Posté le 25-06-2014 à 17:42:05

Bonjour,

j'ai un problème dans mon code Javascript : la vérification de mail ne se fait pas dans mon formulaire. J'ai beau taper un mail erroné (du genre contact@xavier) cela me le valide quand même.
Qu'est-ce qui cloche dans mon code?

Code :

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Formulaire de demande</title>
<link rel="stylesheet" type="text/css" href="form.css" />
<style type="text/css">
</style>
<script type="text/javascript" language="javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
$("#adress" ).hide();
$("#envoyer" ).click(function(){
valid=true;
if($("#nom" ).val()=="" ){
$("#nom" ).css("background","#ffa3a3" );
$("#nom" ).next(".error-message" ).text("N'oubliez pas votre société!" );
valid=false;
}
else{
$("#nom" ).css("background","#beff89" );
$("#nom" ).next(".error-message" ).text("" );
}
if($("#email" ).val()=="" ){
$("#email" ).css("background","#ffa3a3" );
$("#email" ).next(".error-message" ).text("N'oubliez pas votre email!" );
valid=false;
}
else{
if(!$("#email" ).val().match(/^[a-z0-9\-_.]+@[a-z0-9\-_.]+\.[a-z]{2,3}$/i)){
$("#email" ).css("background","#beff89" );
$("#email" ).next(".error-message" ).text("" );
}
else{
$("#email" ).css("background","#beff89" );
$("#email" ).next(".error-message" ).text("" );
}
}
if($("#message" ).val()=="" ){
$("#message" ).css("background","#ffa3a3" );
$("#message" ).next(".error-message" ).text("Veuillez saisir votre demande!" );
valid=false;
}
else{
$("#message" ).css("background","#beff89" );
$("#message" ).next(".error-message" ).text("" );}
return valid;
});
});
</script>
</head>
<body>
<div id="cadre">
<h1>A votre écoute!</h1>
<form method="post" action="index.php">
<fieldset id="gauche">
<legend>Vos coordonnées</legend><br/>
<label for="nom" class="txt-off">Entreprise :</label>
<input type="text" autocomplete="off" name="nom" id="nom" placeholder="Nom de votre société" value=""/>
<span class="error-message"></span>
<br/>
<label for="email" class="txt-off">E-mail :</label>
<input type="text" autocomplete="off" name="email" id="email" placeholder="Votre email" value=""/>
<span class="error-message"></span>
<br/>
<br/>
<label for="choix" id="label-txt">Vous êtes intéressé par :</label>
<select name="choix" id="box-choix">
<option value="une demande d'affichage dynamique">Affichage dynamique</option>
<option value="une demande de vidéographie">Vidéographie</option>
<option value="une demande de print">Produit print</option>
<option value="une demande de produit web">Produit web</option>
</select>
</fieldset>
<br/>
<fieldset id="droit">
<legend>Votre message</legend><br/>
<label for="message"></label>
<textarea name="message" id="message" value=""></textarea> <span class="error-message"></span>
<br/>
<input type="text" name="adress" id="adress"/>
<br/>
<input type="submit" value="Go!" id="envoyer"/>
</fieldset>
</form>
</div>
<footer>
<div id="coordonne-bas"><div id="logo-contact"></div><div class="coordonees"><p><div class="gras">Xavier BLOIS - graphiste</div></p><p>basé sur Voiron</p><p>reivax38000@gmail.com</p><p>06 29 87 97 13</p></div></div>
</footer>
</body>
</html>

Merci beaucoup pour votre aide

---------------
http://www.reivaxbook.fr

Reply

Marsh Posté le 25-06-2014 à 17:42:05

Reply

Marsh Posté le 25-06-2014 à 20:54:11

:hello: !

C'est à cause du type "submit" de ton bouton de validation que celui-ci envoie le formulaire [:cupra] .
Pour améliorer cela, le type doit être de type "button" et non "submit"
Enfin, au lieu de renvoyer un booléen, ta fonction devra envoyer le formulaire par la commande $("#id_formulaire" ).submit(); si la variable valid est à true.

:jap: