Validaciones Formularios

Antes de enviar la información al backend de SimpleApiForm siempre es bueno hacer validaciones para enviar la data correcta.

Aunque no está soportado por todos los browsers siempre puedes usar la validaciones que vienen con HTML5 para perdir que algunos campos sea requeridos, validación de correos electrónicos, etc.

Aquí algunas de la validaciones más comunes:

Recursos

• MDN: Form data validation
• HTML5 validation browser support
• MDN: the input element

Atributo requerido

Cuando este atributo está presente el campo debe estár lleno antes de enviar el formulario.

<input type="text" name="message" required>

Atributo Email

Cuando este atributo está presente se validará que el contenido del campo sea un correo electrónico válido.

<input type="email" name="email">

Atributo numérico

Cuando este atributo está presente se validará que el contenido sea en un rango numérico.

<input type="number" min="18" max="99" value="30" name="age">

Atributo URL

Cuando este atributo está presente se validará que el contenido sea un URL correctamente formateado.

<input type="url" name="website">

Atributo longitud texto

Cuando este atributo está presente se validará que el contenido no pase del límite de caracteres indicado.

<input type="text" maxlength="10">

<textarea minlength="20"></textarea>