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 1 connecté

Bienvenue sur Scripts-fr.com

Vérification d'égalité de deux champs


Exemple :

Ce JavaScript permet de vérifier que 2 champs ont strictement la même valeur.
Cela peut servir par exemple à la confirmation d'un mot de passe ou d'une adresse e-mail.

Entrez votre mot de passe :
Confirmez le mot de passe :

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"
// Double-enter form element script- by Jon Caws joncaws@btinternet.com

var fieldalias="mot de passe"
// On Déclare dans la variable fieldalias le type de texte entré

function verify(element1, element2)
// La fonction reçois en paramètre les 2 éléments
 {
  var passed=false

// On va donner à la variable passed la valeur false (fausse).

   if (element1.value=='')
// si le premier champ est vide (Propriété value vide)
   {
    alert("Veuillez entrer votre "+fieldalias+" dans le premier champ!")

// c'est pas bien il faut le remplir :-)
// On ouvre donc une boite d'alerte grâce à la méthode
alert de l'objet window
    element1.focus()
// et on y place le curseur grâce à la méthode focus
   }

// puis on va faire exactement la même chose pour le second champ
   else if (element2.value=='')
   {
    alert("Veuillez confirmer votre "+fieldalias+" dans le second champ!")
    element2.focus()
   }

   else if (element1.value!=element2.value)
/* Si les valeurs des 2 éléments ne sont pas égales (on utilise donc l'opérateur
  de comparaison d'inégalité
!= */
   {
    alert("Les deux "+fieldalias+" ne condordent pas")

// toujours la boite d'alerte
    element1.select()
// Et la on utilise la méthode select qui permet de selectionner la valeur écrite.
   }

   else
   passed=true
   return passed
 }
// fin du script -->
</script>

</head>
<body>

<form name="form" onSubmit="return verify(this.pass, this.pass2)">
<!-- Sur l'événement onsSubmit on envoie la valeur des 2 champs à la fonction -->
Entrez votre mot de passe : <input type="text" name="pass">
Confirmez le mot de passe :<input type="password" name="pass2">
<input type="submit" value="submit">
</form>

</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 !