Les formulaires en Javascript - Astuces de formulaire

<script type="text/javascript">
   var nbclic=0  // Initialisation à 0 du nombre de clic
   function CompteClic(formulaire) { // Fonction appelée par le bouton
      nbclic++; // nbclic+1
      if (nbclic>1) { // Plus de 1 clic
         alert("Vous avez déjà cliqué ce bouton.\nLe formulaire est en cours de traitement... Patience");
      } else {        // 1 seul clic
         alert("Premier Clic.");
      }
   }
</script>

<form name="form3">
  <input type="button" name="bouton" value="Cliquez-moi aussi !" onclick="CompteClic(this.form)">
</form>

Valider un formulaire par JavaScript

<script type="text/javascript">
   function ValiderMail(formulaire) {
      if (formulaire.mail.value.indexOf("@",0)<0) {alert("Adresse mail saisie invalide.\nLe formulaire ne sera pas validé.")}
      else {
         alert("formulaire validé.\nPour valider un formulaire : formulaire.submit()");
         // Pour valider le formulaire en javascript :
         // formulaire.submit()
      }
   }
</script>
<form name="form4" action="">
   Saisissez une adresse mail valide (du type nom@domaine.com)
   ;<input type="texte" name="mail">
   <input type="button" name="bouton" value="Valider" onclick="ValiderMail(this.form)">
</form>

Vider un champ à la prise de focus

<form name="form5">
   <input type="texte" name="login" value='Votre login' onFocus="if (this.value=='Votre login') {this.value=''}">
</form>

<form name="formulaire" onSubmit="maFonction()">

<script type="text/javascript"> 
function focusOn() { 
  document.forms["form11"].champtexte.value = "Hé hop" ; 
} 
</script>
<form name="form11">
<div onMouseOver="focusOn()">Passez la souris ici</div>
<input type="text" name="champtexte"> 
</form>