La validación de los formularios es de vital importancia para la seguridad de un sitio web, así como para su uso. El proceso de validación evalúa si el valor de entrada está en el formato correcto antes de su presentación. Por ejemplo, si tenemos un campo de entrada para una dirección de correo electrónico, el valor debe contener ciertamente una dirección de correo electrónico válida; debe comenzar con al menos una letra o número seguido del símbolo @, y luego terminar con un nombre de dominio.
La validación de los formularios se puede hacer utilizando la validación de formularios incorporada , que utiliza características de validación de formularios HTML5, o con JavaScript .
El uso de la validación de formularios incorporada aprovecha el uso de los controles de formularios HTML5, que proporcionan varias formas de manejar la validación sin el uso de JavaScript.
La validación de HTML5 es tan fácil como añadir el atributo requerido a cualquier campo de entrada, y el navegador toma el relevo a partir de ahí.
Una gran desventaja de usar la validación incorporada de HTML5 es que no es personalizable, y eso puede ser limitante de muchas maneras. Es por eso que exploraremos el manejo de la validación del formulario HTML5 con una biblioteca de Javascript llamada React.
Pero Reaccionar sólo nos da un aporte limitado sobre cómo tratar con las formas. Así que la lógica de validación de formas depende de nosotros, lo que nos lleva a nuestro tema para esta guía.
En esta guía, veremos cómo desactivar la validación de formularios HTML5 con formy-react. Esta guía asume cierto nivel de familiaridad con React y HTML5.