Libro de recetas de la API web

Capítulo 7. Formularios

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: [e-mail]

Introducción

Los formularios recogen las entradas del usuario que se envían a una URL remota o a un punto final de la API. Los navegadores modernos incorporan muchos tipos de formularios para introducir texto, números, colores, etc. Un formulario es una de las principales formas de obtener información de tu usuario.

FormData

La API FormData proporciona un modelo de datos para acceder a los datos de los formularios. Te ahorra la molestia de tener que buscar elementos individuales del DOM y obtener sus valores.

Aún mejor, una vez que tengas un objeto FormData, puedes pasarlo directamente a la API de obtención para enviar el formulario. Antes de enviarlo, puedes modificar o añadir datos al objetoFormData objeto.

Validación

Para evitar que los usuarios envíen datos no válidos, puedes (y debes) añadir validación del lado del cliente a tus formularios. Puede ser algo tan sencillo como marcar un campo como obligatorio, o una lógica de validación más compleja que implique coordinar varios valores del formulario o llamar a una API.

Antes, un desarrollador solía tener que recurrir a una biblioteca JavaScript para realizar la validación de formularios. Esto podía causar dolores de cabeza debido a la duplicación de datos, que existe en los datos del formulario y en un objeto en memoria utilizado por la biblioteca de validación.

HTML5 ha añadido más ...