Niveau : Confirmé

Comment bien coder en Javascript ?

Tutoriel par (Développeur Front Office Senior, Expert AccessiWeb en évaluation)
Créé le , mis à jour le (4980 lectures)
Tags : javascript

Sommaire


Ne redirigez et soumettez pas automatiquement

Vos scripts ne doivent pas rediriger l'utilisateur automatiquement sur une autre page ni soumettre un formulaire complet sans qu'il y ait eu interaction avec l'utilisateur. Cela permet respectivement d'éviter que les moteurs de recherche vous pénalisent ainsi que la soumission prématurée d'un formulaire, vu que certaines technologies d'assistance ont des problèmes avec le gestionnaire d'événement onchange. Dans le cas des formulaires suivants, préférez donc le second.

Méthode de prise en charge du formulaire à éviter :
<form id="Fruits1" action="verif.php" method="post">
   <p>
      <label>Indiquez votre fruit préféré :</label>
      <select name="fruits"
      onchange="document.getElementById('Fruits1').submit();">
         <option value="Pomme">Pomme</option>
         <option value="Poire">Poire</option>
         <option value="Kiwi">Kiwi</option>
         <option value="Banane">Banane</option>
      </select>
   </p>
</form>
Résultat :
Bonne méthode de prise en charge du formulaire :
<form id="Fruits2" action="verif.php" method="post">
   <p>
      <label>Indiquez votre fruit préféré :</label>
      <select name="fruits">
         <option value="Pomme">Pomme</option>
         <option value="Poire">Poire</option>
         <option value="Kiwi">Kiwi</option>
         <option value="Banane">Banane</option>
      </select>
      <input type="submit" value="envoi" />
   </p>
</form>
Résultat :