L'Altruiste : Le Javascript

Submit représente un bouton de soumission dans un formulaire.

Compatibilité

Disponibilité

Javascript 1.0 côté client

Correspondance HTML

<input type="submit"...>

Héritage

Input et HTMLElement

Synopsis

form.elements[i]
form.name

Propriétés

Propriété	Description
form	spécifie le formulaire contenant le bouton.
name	correspond au nom du bouton (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 le bouton.
click	simule un clique de souris sur l'élément Submit.
focus	donne le focus à le bouton.
handleEvent	invoque le Handler pour spécifier un événement.

Evénements

Evénement	Description
onBlur	perte de focus sur le bouton.
onClick	clique de souris sur l'élément Submit.
onFocus	réception de focus sur le bouton.

Exemple [voir]

<html>
  <head>
    <script language="JavaScript" type="text/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 !');
        }
        if (valide == true)
        {
          alert('Merci !');
          return valide;
        }
        else
          alert('Veuillez remplir les champs correctement SVP !\nMerci !');
      }

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

      function verif_email(adresse)
      {
        if ((adresse == "")
           || (adresse.indexOf ('@') == -1)
           || (adresse.indexOf ('.') == -1))
          return false;
        return true;
      }

      function active()
      {
        document.form.soumission.focus()
      }
    </script>
  </head>
  <body onload="active()">
    <form name="form" onsubmit="validation_form()">
      <input type="text" name="societe" size="40" maxlength="40"><br>
      <input type="text" name="qualite" size="40" maxlength="40"><br>
      <input type="text" name="nom" size="40" maxlength="40"><br>
      <input type="text" name="prenom" size="40" maxlength="40"><br>
      <input type="text" name="email" size="40" maxlength="40"><br>
      <input type="text" name="telephone" size="40" maxlength="40"><br>
      <input type="submit" name="soumission" value="Envoyer"> 
      <input type="reset" name="annulation"value="Annuler">
    </form>
  </body>
</html>
</html>

En savoir plus :