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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : JAVASCRIPT > problème de vérification mail (formulaire)

MisteR WarE

Allons plus loin =>

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

Publicité

Soileh

Lurkeur professionnel

: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:

Message édité par Soileh le 25-06-2014 à 20:54:51

---------------
And in the end, the love you take is equal to the love you make

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
Donné select dans l'objet du mail	PHP formulaire de contact
javascript, je n'arrive pas a faire fonctionner ma galerie d'images	problème installation compilateur FLEX sur AIX 7.1
Problème avec VBA, projet finance	[OK] comment integrer lien dans slideshow javascript
Changer le contenu d'une balise HTML avec Javascript	problème genérique en code VHDL
Probleme de InfoWindow sur des Marker Google Maps	Problème bios FreeDOS
Plus de sujets relatifs à : JAVASCRIPT > problème de vérification mail (formulaire)

Page générée en 0.073 secondes