L'Altruiste : Le Javascript

Password représente un élément de saisie textuel destiné au mot de passe.

Compatibilité

Disponibilité

Javascript 1.0 côté client

Correspondance HTML

<input type="password"...>

Héritage

Input et HTMLElement

Synopsis

form.elements[i]
form.name

Propriétés

Propriété	Description
defaultValue	représente la valeur par défaut de l'élément.
form	spécifie le formulaire contenant l'élément de saisie.
name	correspond au nom de l'élément de saisie.
type	correspond à l'attribut TYPE.
value	valeur de l'élément Password.

Méthodes

Méthode	Description
blur	enlève le focus sur l'élément de saisie.
focus	donne le focus à l'élément de saisie.
handleEvent	invoque le Handler pour spécifier un événement.
select	sélectionne le texte dans l'élément de saisie.

Evénements

Evénement	Description
onBlur	perte de focus de l'élément de saisie.
onFocus	réception de focus sur l'élément de saisie.

Exemple [voir]

<html>
  <head>
    <title>Démonstration de Password</title>
    <script language="JavaScript">
      function ValidationForm(form){
        if (form.nom.value == "") {
          alert("Entrez un nom s'il vous plaît !");
          return false;
        }
        if ((form.motpasse1.value == "") 
               || (form.motpasse2.value == "")) {
          alert("Entrez un mot de passe s'il vous plaît !");
          return false;
        }
        if (form.motpasse1.value != form.motpasse2.value ) {
          alert("ATTENTION, les mots de passe sont différents !");
          form.motpasse1.value = "";
          form.motpasse2.value = "";
          form.motpasse1.focus();
          return false;
        }
        return true;
      }
    </script>
  </head>
  <body>
    <form type="post" action="page_cible.url"
               onsubmit="return ValidationForm( this );">
      Utilisateur  : 
        <input type="text" name="nom" size="30"><br>
      Mot de passe : 
        <input type="password" name="motpasse1" size="30"><br>
      Mot de passe (Vérification): 
        <input type="password" name="motpasse2" size="30"><br>
      <input type="submit" value="Valider">
      <input type="reset" value="Annuler"></p>
    </form>
  </body>
</html>

Exemple [voir]

<html>
  <head>
    <title>Démonstration de Password</title>
    <script language="javascript">
      function connecter()
      {
        utilisateur = document.connexion.nom.value;
        mot_passe = document.connexion.password.value;
        verif = utilisateur + mot_passe + ".html";
        location= verif;
        return true;
      }
    </script>
  </head>
  <body>
    <form type="post" name="connexion">
      <input name="nom" value="utilisateur" type="text"> 
      <input name="password" type="password" value="motdepasse">
      <br><br>
      <input value="Valider" type="button" onclick="connecter()">
    </form>
  </body>
</html>

En savoir plus :