Exemples & Sources en JavaScript Annuaire francophone du CGI Exemples & Sources en JavaScript
Accueil du site

Détection (3)
Divers (10)
Formulaire (11)
Image (5)
Navigation (3)

Les 10 derniers
Les plus vus

Infos sur JavaScript
Les mots réservés
Les événements
Les opérateurs

Archives

A propos du site
Le Forum du site

Linker Scripts-fr !

Faîtes un lien sur votre site

 

Valid HTML 4.01!
Valid CSS!

Actuellement 2 connectés

Bienvenue sur Scripts-fr.com

Vérifier le contenu d'un champ


Exemple :

Ne jamais faire confiance à une entrée utilisateur est une règle de base.
Ce JavaScript vous explique comment vérifier que l'utilisateur a bien entré quelque chose dans le champ et petit bonus, lui montre ou il faut écrire.


Explication du script : (a copier et à coller)

<html>
<head>
<title></title>

<script type="text/javascript">
<!-- Debut
// JavaScript pris sur le site: "http://www.java.scripts-fr.com"

function noEntry()
{
mot=document.ajout.mot.value;

/*
On donne a la variable mot la valeur (value) du champ (name="mot") du formulaire name="ajout") de la page (document).
*/

 if ((mot.length<1)||(mot.substring(0,6)=="******"))
 {
 alert("Vous devez obligatoirement entrer quelque chose");
 document.ajout.mot.value="******Veuillez compléter ce champ";
 document.ajout.mot.focus();
 document.ajout.mot.select();
 return false;
 }

/*
Dans notre condition if on dit que notre variable (donc la valeur du champ) ne doit pas être inférieur à 1 caractère (vous pouvez mettre plus hein) grace à la propriété length qui retourne la valeur correspondant au nombre de caractères de la chaîne.
On y indique aussi (en utilisant l'opérateur logique ||, aussi appelé "OR") que les 6 premiers caractères ne sont pas des *, vous comprendrez pourquoi en lisant la suite.

Si l'une ou l'autre des conditions est remplie on envoi un message d'alerte, on incrit "******Veuillez compléter ce champ" dans le champ et on remet le focus dans le champ.
*/

 else { return true; } // sinon on retourne "vrai"
}

// fin du script -->
</script>

</head>
<body>

<form name="ajout" method="post" action="#" onsubmit="return noEntry()">
<input type="text" name="mot" size="40" maxlength="40">
<input type="submit" value="Tester">
<input type="reset" value="Effacer">
<form>

<!-- on crée donc notre formulaire avec l'événement onsubmit -->
<!-- pour lancer notre vérification. -->
<!-- Bien sur il faut rester cohérent donner les bons noms aux -->
<!-- formulaire et aux champ ;-) -->

</body>
</html>


© 2002 Java.Scripts-fr - Tous droits réservés - Design altiline.com - Hébergement eBusiness.be
Pour tout commentaire, n'hésitez pas à contacter le webmaster

Contact !