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

Commenter

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

S'inscrire maintenant

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)