1 min de lectura

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.

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.

Líder técnico en equipos de desarrollo de software. Profesor de Desarrollo Web en la Universidad de Guadalajara. Emprendedora. Fundadora y CTO de CORB.mx. Ponente y tallerista. Colaboradora en proyectos de software libre y Open Source. Comprometida con la comunidad y la industria de la tecnología. Enfocada en el empoderamiento de las mujeres.

2 COMENTARIOS

    • 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.

Deja tus comentarios

This site uses Akismet to reduce spam. Learn how your comment data is processed.