L'événement formdata se déclenche lorsque la liste d'entrées d'un formulaire est construite. Il fournit un objet FormData que le code peut mettre à jour sans reconstruire manuellement chaque contrôle réussi.

const form = document.querySelector("form");

form.addEventListener("formdata", (event) => {
  event.formData.set("source", "account-settings");
});

Utiliser la bonne opération

  • set remplace toute valeur existante pour un nom.
  • append ajoute une autre valeur lorsque le champ est intentionnellement répété.
  • Les contrôles désactivés et les contrôles sans nom ne sont pas inclus comme entrées de formulaire réussies.

Conserver la validation du serveur faisant autorité

Un champ côté navigateur ou une valeur cachée ne constitue pas une preuve d’autorisation. Validez les champs importants, la propriété et les autorisations sur le serveur qui reçoit la demande.

Testez avec des noms de champs en double et avec un formulaire comportant plusieurs boutons de soumission afin que les données finales correspondent à la soumission prévue.