Aide sur une fonction javascript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Aide sur une fonction javascript

mozvillat

Bonjour à tous,

Je rencontre un petit probleme de verification de formulaire en javascript.

Voici le code (tout simple) du formulaire :

Code :

<form id="formcontact" name="formcontact" method="post" action="./traitement_formulaires.php" onsubmit="return checkForm()">
<table>
<tr><td>Indiquez nous votre nom</td></tr>
<tr><td><input type="text" id="nom" name="nom" value="" /> </td></tr>
<tr><td>Indiquez nous votre adresse e-mail :</td></tr>
<tr><td><input type="text" id="mail" name="mail"/></td></tr>
<tr><td>Objet de votre demande</td></tr>
<tr><td><textarea name="objet" rows="6" cols="50"></textarea></td></tr>
<tr><td><input type="submit" name="submit_mail" value="envoyer"/></td></tr>
</table>
</form>

la fonction checkForm() est la suivante :

Code :

function checkForm(){
var formcontact=document.getElementById('formcontact');
var inputs=formcontact.getElementsByTagName('input');
for(i=0;i<inputs.length;i++){
if(inputs.item(i).value=="" ){
alert("veuillez remplir tous les champs" );
inputs.item(i).focus();
return false;
}
}
var textareas=formcontact.getElementsByTagName('textarea');
for(i=0;i<textareas.length;i++){
if(textareas.item(i).value=="" ){
alert("veuillez indiquer l'objet de votre demande" );
textareas.item(i).focus();
return false;
}
}
var mail=document.getElementsByName("mail" );
var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.document(mail.value)) {
alert("L'adresse mail n'est pas valide." );
mail.focus();
return false;
}
return true;
}

les 2 premieres partie (verification sur les champs input et textarea fonctionnent bien. Si le champ est vide, j'ai bien mon alert.

Par contre, la verification sur l'adresse mail ne foçnctionne pas...

Auriez vous une idée ?? merci d'avance.

Publicité

Riokmij

Blink and you're dead

2 problèmes qui empêches la validation de fonctionner (et un troisième qui fait que la validation ne sera pas correcte dans pas mal de cas) :

Premier problème :

Code :

var mail = document.getElementById("mail" )

Comme tu as un id sur ton <input>, autant l'utiliser, c'est plus fiable. Si tu veux vraiment utiliser document.getElementsByName, ne pas oublier que ça retourne un tableau d'élements (d'où le 's' à element dans le nom de la fonction). Ça donnerait "document.getElementsByName("email" )[0]"

Deuxième problème :

Code :

if (!filter.test(mail.value))

La fonction à appeler est "test".

Maintenant, il y a aussi plusieurs problèmes dans ton expression régulière. Par exemple "toto+titi@test.com" ne passera pas la validation, alors que c'est une adresse correcte. Autre problème : "toto@aaaa" ou "toto@a@a" par exemple seront acceptés (le problème ici est que le '.' n'est pas escapé dans la deuxième partie de ta regexp, ça va donc matcher sur n'importe quel caractère)

mozvillat

Donc, si je me base sur l'ID du input et que je laisse

Code :

var mail = document.getElementById("mail" )

Ca c'est bon ?

Pour le 2e probleme je ne comprend pas trop.

Pour l'expression reguliere, je regarderai apres, car la je n'ai aucune verif sur ce champ mail !!!

Merci pour ton aide !

Ps : desole je suis vraiment mauvais en javascript...je l'utilise tres peu.

mozvillat

j'ai avancé grace à ton aide !! me reste plus qu'a refaire le regex pour que ca soit bon !!!! merci encore !

J'ai corrigé mon expression reguliere. Les 2 dernieres adresses que tu donnes bloquent bien.

Par contre toto+titi@test.com bloque aussi. On peut avoir un + dans une adresse mail ? ou tu voulais dire tototiti@test.com ?

Si c'est le cas, ca fonctionne bien !! sinon, faut que je me creuse encore un peu la cervelle !!!!

Message édité par mozvillat le 02-07-2012 à 12:36:49

Riokmij

Blink and you're dead

Le '+' est autorisé dans une adresse mail, c'est d'ailleurs mis à profit par certains services (gmail par exemple) pour fournir un tri automatique.

Par exemple, toto+titi@gmail.com ira dans la boite de toto@gmail.com, en ajoutant automatiquement le tag "titi".

mozvillat

Ah ! je ne connaissais pas cette astuce... bon je vais me remettre sur l'expression reguliere alors !!!!

gatsu35

Blablaté par Harko

va en chercher une sur regexlib.com

---------------
Blablaté par Harko

FORUM HardWare.fr

Programmation

HTML/CSS

Aide sur une fonction javascript

Sujets relatifs
[VB/VBA/VBS]Trouver une référence dans plusieurs centaines de word	CMS UPSILON aide
Aide en html	[JavaScript] Masques de saisie sur formulaire
RegExp Javascript	fonction mail() ne fonctionne pas
Recupération du résultat d'une fonction	Besoin d'aide java
[C] Aide pour petit exo 2	appeller une fonction en javascript à l'aide d'un variable
Plus de sujets relatifs à : Aide sur une fonction javascript

Page générée en 0.084 secondes