Curso: JS en la Web: Validación de Formularios y HTML5

visita: https://app.aluracursos.com/course/javascript-web-validacion-formularios-html5

INSTRUCTOR: Harland Lohora

Realice este curso para JavaScript y:

  • Valida formularios utilizando las herramientas de HTML5
  • Crea tus propias validaciones customizadas utilizando técnicas actuales con JavaScript
  • Aprende a aplicar una máscara monetaria en campos de precio
  • Aprende a subir tu código a producción

Aulas

🧨 Validaciones con HTML

  • Presentación

  • Preparando el ambiente

  • Atributos de validación

  • Atributo type

    • HTML nos regala algunas herramientas para la validación de formularios. Una de ellas es el atributo type. Este atributo hace validaciones, por ejemplo, type=email, que verifica si la estructura que fue escrita está en un formato válido.
    • Ejemplo: <input type="date">
  • Haga lo que hicimos en aula

  • Lo que aprendimos:

    • Hacer validación en el propio HTML utilizando los atributos required y type.
    • Utilizar reglas del regex dentro del atributo pattern para validar el campo de contraseña.
    • Mandar un mensaje customizado de error en el navegador.

🧨 Validación de contraseña

🧨 Validación de fechas

  • Proyecto del aula anterior

  • Fecha de nacimiento

  • Trabajando con validity:

    • Hemos visto que para enseñar mensajes de error podemos utilizar el atributo title. En JavaScript también es posible tratar los errores de validación utilizando la propiedad validity del input, como utilizamos en la validación customizada del campo “fecha de nacimiento”. input.setCustomValidity('Mensaje customizado de error')
  • Mejorando el código

  • Para saber más:

  • Haga lo que hicimos en aula

    "Practicar ayuda mucho en el aprendizaje de un nuevo concepto."

  • Lo que aprendimos

    • A validar fechas en nuestro formulario.
    • A utilizar expresiones regulares para mejorar la validación de nuestro formulario.

🧨 Mensajes customizados

🧨 Completando el formulario

"Practicar ayuda mucho en el aprendizaje de un nuevo concepto."

  • Lo que aprendimos

    • Como validar formularios.

🧨 Tu proyecto en línea

Galería

texto_alternativo texto_alternativo texto_alternativo