Tengo un formulario HTML con múltiples entradas y un botón de envío. Creé un detector de eventos en el formulario que escucha los eventos de 'enviar'. Esto pasa un SubmitEvent a la función de devolución de llamada.
Lo que me pregunto es si existe una propiedad captadora o de objeto rápido que pueda tomar el nombre de entrada (también conocido como entrada [nombre = "XYZ"] y devolver el valor de la entrada en el momento del envío.
No.
La propiedad de target del evento hará referencia al elemento de form . Desde allí, puede acceder a los controles del formulario (a través de querySelector , elements o cualquier otro método DOM).
Eso le dará los valores en el momento actual, no en el momento en que se disparó el evento.
Si desea eso, deberá copiar los valores antes de que cambien.
document.querySelector('form').addEventListener('submit', e => { e.preventDefault(); const data = new FormData(e.target); console.log([...data.entries()]); }); <form> <input name="one" value="1"> <input name="two" value="2"> <button>Submit</button> </form>Si desea conocer el valor de un campo de entrada llamado "XYZ", puede acceder a él de esta manera cuando se activa el evento de envío.
document.querySelector('[name="XYZ"]').value