Es importante tomar en cuenta que esta validación se realiza cuando se ejecuta el evento Click() al botón submit.
Ya mencionamos la propiedad required la cual permite validar que el usuario ingrese los datos en aquellos campos que sean obligatorios.
Se cuanta tambien con la propiedad placeholder la cual muestrará un texto de ejemplo a lo que deseamos que el usuario escriba, y cuando el elemento obtenga el foco, este texto se borrará.
Vimos también que los campos númericos nos permitirán validar un valor mínimo, un máximo y un incremento.
Si esto no es suficiente, podremos también validar campos por medio de expresiones regulares con la propiedad pattern.
|
1 2 |
<label for="cp">Ingrese su CP</label> <input type="text" id="cp" pattern="[d]{5}" required="required" placeholder="Ejemplo: 45450" /> |
Recordemos que no todos los navegadores dan soporte para los nuevos elementos de HTML5, de momento este estudio muestra por medio de tabla la compatibilidad de los distintos navegadores con los distintos nuevos elementos.
¿Te gustó este artículo?
Si te gustó este artículo, te ha servido o aprendiste algo nuevo; compártelo en tus redes sociales o invítame un cafe.
sera que me pueden explicar que significa pattern=”[d]{5}”
Es una expresión regular que esta siendo usada para la validación del código postal.
[d] Esto es indicar que se quieren dígitos (0-9)
{5} Esto es para indicar la cantidad de repeticiones válidas, en nuestro caso, 5 dígitos.
Si el contenido no cumple con la expresión regular, entonces HTML5 indicará el error.