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

1/5 (14 avis)

Snippet vu 16 123 fois - Téléchargée 28 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

23 juil. 2009 à 18:28
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

27 août 2007 à 09:28
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

3 mars 2006 à 14:39
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

1 déc. 2005 à 15:25
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

8 août 2005 à 09:00
moi aussi meme avos que jfperras
8/10
Afficher les 14 commentaires

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)