L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
106669 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques

     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Referencement
     Le PHP facile
     Activeartanima...
     L'écriteau
     Faro-dessing
     Le village de ...
     Gifs animés, f...
     Trucs et astuc...
     Electroniq...
     K i s s design
     Les kits graph...
     Easy-script.com
     Les autres
     Votre site ici ?


Verification d'un formulaire

Script posté par :

dgse - (Sites : Plug In PDF et Dpack Forum DNF - Tout sur Tomb Raider)
Vous aussi, postez vos scripts en cliquant ici.


Description

Ce script verifie si les champs du formulaire en question est bien remplis, que l'email est correct, positionne automatiquement le curseur sur le champs vide.


Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Netscape Navigator : 6 et +
 Internet Explorer : 5 et +


Chiffres :

Date de création : 6/11/2005
Dernière modif : -
Visites de la page : 34798
Envois par mail : 858


Exemple :

Ce formulaire va vous inscrire a la mailing-list de l'éditeur JavaScript.
@mail :
Nom :
PreNom :
Pseudo :
Note :
  


Le code :

Entre <HEAD> et </HEAD> :


Entre <BODY> et </BODY> :


Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript


Les annotations des visiteurs :

De dgse - le 23-12-2005
Bonjour

remplacer la fonction ecrite dans le script par celle ci pour que les personnes ayant un mail du type

monmail.f@monfai.com

puisse poster ou

monmail@monfai affiche le message d'erreur de Mail invalide.

if (email.search(/^[^._-][a-z0-9._-]+[^._-]@[a-z0-9._-]+([a-z0-9]+[^._-])?[.-]+[a-z]{2,4}$/) == -1)


@+ et Merci encore

Dgse

De rickways - le 11-06-2007
Le code fonctionne bien, mais l'insertion dans la bdd se fait comment, le submit entre en action même si une des données est false
De Adoc - le 31-01-2008
Bonjour à tous !
problème : mon adresse se compose de la manière suivante :
mf@monfai.fr

j'ai une alert ! mon adresse est concidérée comme fausse...
(même avec la correction de dgse...

j'ai essayé quelques trucs mais mes notions en scripts sont malheureusement très faible..
merci d'avance du coup de main !
De dgse - le 24-02-2008
Bonjour

remplace par ceci pour voir.

if (email.search(/^[a-z0-9._-]+[^._-]@[a-z0-9._-]+([a-z0-9]+[^._-])?[.-]+[a-z0-9]{2,4}$/) == -1)


@+ Dgse ;)
De Adoc - le 26-02-2008
c'est parfait ! merci beaucoup !
De alaquem - le 22-04-2008
Je craque !!!
Il doit y avoir un truc qui m'échappe (ça fait 20 fois que je bidouille !!!)... Impossible de faire fonctionner cette "charmante" fonction "validation
Voici mon code si quelqu'un peut me venir en aide :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>essai vérif Formulaire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
function validation()
{

var email = document.formulaire.email.value;
if (email.search(/^[_a-z0-9-]+(.[_a-z0-9-]+)*[^._-]@[a-z0-9-]+(.[a-z0-9]{2,4})*$/) == -1)
{
alert ('entrez une adresse Email valide');
document.formulaire.email.focus();
return false;
}
if(document.formulaire.Nom.value == "")
{
alert ('veuillez entrer votre Nom');
document.formulaire.Nom.focus();
return false;
}

if(document.formulaire.Prénom.value == "")
{
alert ('veuillez entrer votre PreNom');
document.formulaire.Prénom.focus();
return false;
}

if(document.formulaire.Adresse.value == "")
{
alert ('veuillez entrer votre adresse');
document.formulaire.Adresse.focus();
return false;
}

if(document.formulaire.Code postal.value == "")
{
alert ('veuillez entrer votre code postal');
document.formulaire.Code postal.focus();
return false;
}

if(document.formulaire.Ville.value == "")
{
alert ('veuillez entrer votre ville');
document.formulaire.Ville.focus();
return false;
}

if(document.formulaire.Téléphone.value == "")
{
alert ('veuillez entrer votre N° de téléphone');
document.formulaire.Téléphone.focus();
return false;
}

if(document.formulaire.Marque.value == "")
{
alert ('veuillez entrer la marque de votre véhicule');
document.formulaire.Marque.focus();
return false;
}


if(document.formulaire.Type.value == "")
{
alert ('veuillez entrer le type de votre véhicule');
document.formulaire.Type.focus();
return false;
}


if(document.formulaire.Année.value == "")
{
alert ('veuillez entrer l'année de mise en circulation du véhicule');
document.formulaire.Année.focus();
return false;
}


else {return true;}
}
</script>

</head>

<body>
<form method="post" enctype="text/plain" action='mailto:alaquem@wanadoo.fr' name="formulaire" onsubmit="return validation();" >
<input type="hidden" name="Commande " value= "Pièce VL">
<p> Société: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" name="Société " size="30">
<br>
<br>
Civilité :
<input type="radio" name="" value="Mr">
Mr
<input type="radio" name="" value="Mme">
Mme
<input type="radio" name="" value="Mlle">
Mlle<br>
<BR>
Nom* : &nbsp;&nbsp;&nbsp;
<input type="text" name="Nom " size="25">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Prénom* :&nbsp;&nbsp;&nbsp;
<input type="text" name="Prénom " size="25">
<br>
<br>
Adresse* : &nbsp;&nbsp;&nbsp; &nbsp;
<input type="text" name="Adresse " size="68">
<br>
Code postal* :
<input type="text" name="CP " size="15">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ville* : &nbsp;&nbsp;
<input type="text" name="Ville " size="35">
<br>
<br>
Téléphone*:
<input type="text" name="Téléphone " size="15">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;Fax :
&nbsp;&nbsp;&nbsp;
<input type="text" name="Fax " size="15">
<br>
<br>
Mobile : &nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" name="Mobile " size="15">
<br>
<br>
E-mail* : &nbsp;&nbsp;&nbsp;
<input type="text" name="Mail " size="30">
<br>
<br>
---------------------------------------------------------------------------------------------------------<br>
<br>
Marque* :
<input type="text" name="Marque" size="20">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Type* : &nbsp;&nbsp;&nbsp;
<input type="text" name="Type " size="15">
&nbsp;&nbsp;&nbsp;<br>
<br>
N° de série : &nbsp;
<input type="text" name="N° de série " size="25">
&nbsp;&nbsp;&nbsp;&nbsp;Année* : &nbsp;&nbsp;
<input type="text" name="Année " size="15">
</p>
<p>DESIGNATION DE LA PIECE (<em>R&eacute;férence constructeur &eacute;ventuellement</em>) :<br>
<textarea cols="70" rows="4" name="article">
Nommer ici votre demande
</textarea>
<br>
Champs obligatoires (*)
<P>
<input type="submit" name="Submit" value="Envoyer">
<input type="reset" name="Submit2" value="Rétablir">
</form>
</body>
</html>


Par avance Merci
De hitmax - le 23-04-2008
Bah alaquem tas trop d erreurs

<input type="text" name="Nom " size="25">
dans le name ne m'est pas d'espace
pour le téléphone jss pas sur mais enlève les accents, vérifie ton code plus en détails.
si vraiment avec tt ça, ca joue pas jtenverais un bout de code que tu t'inspireras.

++
De alaquem - le 24-04-2008
J'ai pris note de vos remarque mais ça reste du "chinois" encore pour moi.
J'ai modifié ce que je pensais devoir être modifié ... Mais je n'ai toujours pas de "validation" mon mail s'active et les champs obligatoires n'apparaissent pas ???
Voilà le code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>essai vérif Formulaire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
function validation()
{

var email = document.formulaire.email.value;
if (email.search(/^[_a-z0-9-]+(.[_a-z0-9-]+)*[^._-]@[a-z0-9-]+(.[a-z0-9]{2,4})*$/) == -1)
{
alert ('entrez une adresse Email valide');
document.formulaire.email.focus();
return false;
}
if(document.formulaire.Nom.value == "")
{
alert ('veuillez entrer votre Nom');
document.formulaire.Nom.focus();
return false;
}

if(document.formulaire.Pr&eacute;nom.value == "")
{
alert ('veuillez entrer votre PreNom');
document.formulaire.Pr&eacute;nom.focus();
return false;
}

if(document.formulaire.Adresse.value == "")
{
alert ('veuillez entrer votre adresse');
document.formulaire.Adresse.focus();
return false;
}

if(document.formulaire.Code postal.value == "")
{
alert ('veuillez entrer votre code postal');
document.formulaire.Code postal.focus();
return false;
}

if(document.formulaire.Ville.value == "")
{
alert ('veuillez entrer votre ville');
document.formulaire.Ville.focus();
return false;
}

if(document.formulaire.T&eacute;l&eacute;phone.value == "")
{
alert ('veuillez entrer votre N° de téléphone');
document.formulaire.T&eacute;l&eacute;phone.focus();
return false;
}

if(document.formulaire.Marque.value == "")
{
alert ('veuillez entrer la marque de votre véhicule');
document.formulaire.Marque.focus();
return false;
}


if(document.formulaire.Type.value == "")
{
alert ('veuillez entrer le type de votre véhicule');
document.formulaire.Type.focus();
return false;
}


if(document.formulaire.Ann&eacute;e.value == "")
{
alert ('veuillez entrer l'année de mise en circulation du véhicule');
document.formulaire.Ann&eacute;e.focus();
return false;
}


else {return true;}
}
</script>

</head>

<body>
<form method="post" enctype="text/plain" action='mailto:alaquem@wanadoo.fr' name="formulaire" onsubmit="return validation();" >
<input type="hidden" name="Commande" value= "Pièce VL">
<p> Société: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" name="Société" size="30">
<br>
<br>
Civilité :
<input type="radio" name="" value="Mr">
Mr
<input type="radio" name="" value="Mme">
Mme
<input type="radio" name="" value="Mlle">
Mlle<br>
<BR>
Nom* : &nbsp;&nbsp;&nbsp;
<input type="text" name="Nom" size="25">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Prénom* :&nbsp;&nbsp;&nbsp;
<input type="text" name="Pr&eacute;nom" size="25">
<br>
<br>
Adresse* : &nbsp;&nbsp;&nbsp; &nbsp;
<input type="text" name="Adresse" size="68">
<br>
Code postal* :
<input type="text" name="CP" size="15">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ville* : &nbsp;&nbsp;
<input type="text" name="Ville" size="35">
<br>
<br>
Téléphone*:
<input type="text" name="Téléphone" size="15">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;Fax :
&nbsp;&nbsp;&nbsp;
<input type="text" name="Fax" size="15">
<br>
<br>
Mobile : &nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" name="Mobile" size="15">
<br>
<br>
E-mail* : &nbsp;&nbsp;&nbsp;
<input type="text" name="Mail" size="30">
<br>
<br>
---------------------------------------------------------------------------------------------------------<br>
<br>
Marque* :
<input type="text" name="Marque" size="20">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Type* : &nbsp;&nbsp;&nbsp;
<input type="text" name="Type" size="15">
&nbsp;&nbsp;&nbsp;<br>
<br>
N° de série : &nbsp;
<input type="text" name="N° de série" size="25">
&nbsp;&nbsp;&nbsp;&nbsp;Année* : &nbsp;&nbsp;
<input type="text" name="Année" size="15">
</p>
<p>DESIGNATION DE LA PIECE (<em>Référence constructeur éventuellement</em>) :<br>
<textarea cols="70" rows="4" name="article">
Nommer ici votre demande
</textarea>
<br>
Champs obligatoires (*)
<P>
<input type="submit" name="Submit" value="Envoyer">
<input type="reset" name="Submit2" value="Rétablir">
</form>
</body>
</html>

Par avance, merci
De hitmax - le 24-04-2008
Ce que je te conseille car il y a vraiment beaucoup d'erreurs, essai deja de faire un formulaire qui marche bien que tu arrives à récuperer tous tes champs et une fois là ajoute le code javascript.
De crevette26 - le 22-05-2008
Salut alaquem

Je crois que tu as trop d'accents dans tes "name"... choisis des noms plus simples.

Fais ton code petit bout par petit bout et tu trouveras forcément là ou ca ne va pas

De La_Tueuse - le 23-05-2008
Alors mon script fonctionne bien mais malgré les erreurs, il envoie quand même les données par mail comment faire??Si vous avez une idée merci :)
De dgse - le 01-06-2008
Bonjour

Les name ne doivent pas comporter des espaces ni de caractéres sous forme ISO ni d'accents. les ' dans le javascript doit etre précédé de \ .

Apres correction le code en dessous fonctionne chez moi .

[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>essai vérif Formulaire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
function validation()
{

var email = document.formulaire.email.value;
if (email.search(/^[_a-z0-9-]+(.[_a-z0-9-]+)*[^._-]@[a-z0-9-]+(.[a-z0-9]{2,4})*$/) == -1)
{
alert ('entrez une adresse Email valide');
document.formulaire.email.focus();
return false;
}
if(document.formulaire.Nom.value == "")
{
alert ('veuillez entrer votre Nom');
document.formulaire.Nom.focus();
return false;
}

if(document.formulaire.Prenom.value == "")
{
alert ('veuillez entrer votre PreNom');
document.formulaire.Prenom.focus();
return false;
}

if(document.formulaire.Adresse.value == "")
{
alert ('veuillez entrer votre adresse');
document.formulaire.Adresse.focus();
return false;
}

if(document.formulaire.CP.value == "")
{
alert ('veuillez entrer votre code postal');
document.formulaire.CP.focus();
return false;
}

if(d
De dgse - le 01-06-2008
Bonjour

Les name ne doivent pas comporter des espaces ni de caractéres sous forme ISO ni d'accents. les ' dans le javascript doit etre précédé de \ .

Apres correction le code en dessous fonctionne chez moi .

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>essai vérif Formulaire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
function validation()
{

var email = document.formulaire.email.value;
if (email.search(/^[_a-z0-9-]+(.[_a-z0-9-]+)*[^._-]@[a-z0-9-]+(.[a-z0-9]{2,4})*$/) == -1)
{
alert ('entrez une adresse Email valide');
document.formulaire.email.focus();
return false;
}
if(document.formulaire.Nom.value == "")
{
alert ('veuillez entrer votre Nom');
document.formulaire.Nom.focus();
return false;
}

if(document.formulaire.Prenom.value == "")
{
alert ('veuillez entrer votre PreNom');
document.formulaire.Prenom.focus();
return false;
}

if(document.formulaire.Adresse.value == "")
{
alert ('veuillez entrer votre adresse');
document.formulaire.Adresse.focus();
return false;
}

if(document.formulaire.CP.value == "")
{
alert ('veuillez entrer votre code postal');
document.formulaire.CP.focus();
return false;
}

if(document.formulai
De pi_niouf - le 15-06-2008
ce SCRIPT ne sert à rien :
dans le champ mail il suffit d'indiquer :
éaa@za.ze

et le vérificateur passe le control ?????????

une abération, car je n'ai jamais vue d'email avec des accents
De dgse - le 15-06-2008
Bonjour

ce SCRIPT ne sert à rien :
dans le champ mail il suffit d'indiquer :
éaa@za.ze


Faux j'ai testé est cela fonctionne il ne passe pas.

@+ FouSolitaire

>> Poster une annotation sur ce script






18 visiteurs
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
Internet services
Internet Services offre de nombreux services gratuits et de très bonne qualité pour dynamiser votre site Web ! Forums, chats, livre d'or, etc ...
http://www.i-services.net
Cat : Forum - sondages - compteurs
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
56132 membres
8368 comptes CountUs
1541 comptes myCircle

     LES FORUMS :
14 forums
39396 topics
189315 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Divers" du jour par caaptusss
Outlook express et Office recelle une option très utile : Les règles de messages. Elles vous permettent lorsque vous recevez beaucoup de messages d'un seul expéditeur, de les classer dans des dossiers prédéfinis ou que vous avez créé. Utile lorsque l'on veux s'y retrouver dans les mails ;-)
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2009 EJS - Tous droits réservés | CNIL N° 844440 | 09/01/2009 00:21:45 | Design by Studcrea | Gen. en 0.615 sec.