Niveau Niveau confirmé

Comment bien coder en Javascript ?

Tutorieljavascript

Publié par le , mis à jour le (7273 lectures)

javascript

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 :