El evento formdata se activa cuando se construye la lista de entradas de un formulario. Proporciona un objeto FormData que el código puede actualizar sin reconstruir manualmente cada control exitoso.

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

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

Utilice la operación correcta

  • set reemplaza cualquier valor existente para un nombre.
  • append agrega otro valor cuando el campo se repite intencionalmente.
  • Los controles deshabilitados y los controles sin nombre no se incluyen como entradas de formulario exitosas.

Mantenga la validación del servidor autorizada

Un campo del lado del navegador o un valor oculto no es prueba de autorización. Valide campos importantes, propiedad y permisos en el servidor que recibe la solicitud.

Pruebe con nombres de campos duplicados y con un formulario que tenga varios botones de envío para que los datos finales coincidan con el envío previsto.