Vérification champ text d'un formulaire non vide --> petite fonction à utilisation facile

Soyez le premier à donner votre avis sur cette source.

Snippet vu 15 879 fois - Téléchargée 26 fois

Contenu du snippet

P'tite fonction facile à utiliser, permettant de vérifier si les champs de type 'text' d'un formulaire sont non-vides.

Message d'erreur dans une seule fenêtre indiquant les champs obligatoires qui n'ont pas été remplis par l'utilisateur.

Source / Exemple :


//CODE JAVASCRIPT
<script language="javascript" type=text/javascript>
<!--
/*
########################################################################################
# Cree le 27/07/2005 par gossbuster
# Exemple d'appel de cette fonction: 
# verifNonVide('nom du formulaire',['name balise input du champ1', 'nom affichage champ1', 'name balise input du champ2', 'nom
# affichage champ2', etc...]);
########################################################################################

  • /
function verifNonVide(formulaire,champs) { var mess_ini = "Veuillez remplir les champs suivants:\n"; var mess = mess_ini ; for(var i=0; i < champs.length; i=i+2) { if ( eval('document.'+formulaire+'.'+champs[i]+'.value.length') < 1 ) { mess += " - " ; mess += champs[i+1]; mess += "\n" ; } } if ( mess.length != mess_ini.length ) { window.alert(mess); } else { eval('document.'+formulaire+'.submit()'); } } //--> </script> //CODE HTML <form method="GET" action="index" name="inscription"> Votre nom :<input type="text" name="n1" size="20" style="text-transform: uppercase;"> Votre prénom :<input type="text" name="n2" size="20" style="text-transform: lowercase;"> <input type="button" value="Valider" onClick="verifNonVide('inscription',['n1', 'nom', 'n2', 'prénom']);" name="valide"> </form>

Conclusion :


Ma fonction elle est toute simple, mais...c'est ma première fonction javascript et mon premier post ici, donc allez-y mollo.

J'ai un peu cherché l'équivalent de cette fonction, mais j'ai pas trouvé...pour ceux à qui ça sert.

Testé et fonctionnant sous mozilla 1.0.4, IE 6.0 et Konqueror 3.3.2.

A voir également

Ajouter un commentaire

Commentaires

cs_GeniPC
Messages postés
1
Date d'inscription
samedi 12 janvier 2008
Statut
Membre
Dernière intervention
23 juillet 2009
-
merci mais j veux pour la table suivant nom* prénom* fonction société tél* e-mail* demande message *
* champs obligatoire
et merci bcp
cs_spyro666
Messages postés
137
Date d'inscription
lundi 10 janvier 2005
Statut
Membre
Dernière intervention
28 août 2007
-
Le script présente un problème lorsqu'on presse Entrer dans un champ texte, à ce moment là le formulaire se postera comme si il y avait un submit standard et le test ne s'effectue pas.
aissa6
Messages postés
11
Date d'inscription
dimanche 26 juin 2005
Statut
Membre
Dernière intervention
3 mars 2006
-
Merci encore pour ton code ;)
ifyoyo
Messages postés
16
Date d'inscription
vendredi 4 février 2005
Statut
Membre
Dernière intervention
3 avril 2006
-
merci bcp c'est un code bien fait bravo pour toi


yoyo
cs_darkman2
Messages postés
121
Date d'inscription
mardi 3 mai 2005
Statut
Membre
Dernière intervention
31 décembre 2005
-
moi aussi meme avos que jfperras
8/10

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (GossBuster)