L'Altruiste : Le Javascript

Input représente un élément de saisie dans un formulaire.

Compatibilité

Disponibilité

Javascript 1.0 côté client

Correspondance HTML

<input...>

Héritage

HTMLElement

Synopsis

form.elements[i]
form.name

Propriétés

Propriété	Description
checked	spécifie l'état de l'élément de saisie.
defaultchecked	la case à cocher est côchée par défaut (CHECKED).
form	spécifie le formulaire contenant l'élément de saisie.
name	correspond au nom de l'éléments de saisie (NAME).
type	correspond à l'attribut TYPE.
value	valeur de l'élément Input (VALUE).

Méthodes

Méthode	Description
blur	enlève le focus sur l'élément de saisie.
click	simule un clique de souris 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.
onChange	la valeur de l'élément de saisie change.
onClick	clic de souris sur l'élément de saisie.
onFocus	réception de focus sur l'élément de saisie.

Exemple [voir]

<html>
  <head>
    <script language="JavaScript">
      function validation_form()
      {
        valide = true;
        if (!verif_vide(document.form.societe.value))
        {
          valide = false; alert('Le champ Société est vide !');
        }
        if (!verif_vide(document.form.qualite.value))
        {
          valide = false; alert('Le champ Qualité est vide !');
        }
        if (!verif_vide(document.form.nom.value))
        {
          valide = false; alert('Le champ Nom est vide !');
        }
        if (!verif_vide(document.form.prenom.value))
        {
          valide = false; alert('Le champ Prénom est vide !');
        }
        if (!verif_email(document.form.email.value))
        {
          valide = false; alert('Votre adresse eMail est invalide !');
        }
        if (!verif_vide(document.form.telephone.value))
        {
          valide = false; alert('Le champ Téléphone est vide !');
        }
        retourne_valeur();
      }

      function verif_vide(text)
      {
        return (text.length > 0);
      }

      function verif_email(adresse)
      {
        if ((adresse == "")
             || (adresse.indexOf ('@') == -1)
             || (adresse.indexOf ('.') == -1))
          return false;
        return true;
      }
    </script>
  </head>
  <body>
  ...
  </body>
</html>

En savoir plus :