Skip to content

4GeeksAcademy/fs-105-HTMLFORM.SG

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Formulario de Pago con Validación

View Live Page

Este proyecto es un formulario de pago interactivo que permite a los usuarios ingresar información de pago y valida los campos antes de enviarlos. Está diseñado para ser fácil de usar, responsive y con un diseño moderno.


Características Principales

  • Diseño Moderno: Utiliza un gradiente de colores y sombras para un aspecto atractivo.
  • Validación en Tiempo Real: Resalta los campos vacíos o inválidos mientras el usuario escribe.
  • Mensajes de Error y Éxito: Muestra mensajes claros cuando el formulario se envía correctamente o si hay errores.
  • Máscara para el Número de Tarjeta: Formatea automáticamente el número de tarjeta (ej: 1234 5678 9012 3456).
  • Responsive: Funciona perfectamente en dispositivos móviles, tablets y computadoras.

Tecnologías Utilizadas

  • HTML: Para la estructura del formulario.
  • CSS: Para los estilos y diseño visual.
  • JavaScript: Para la validación y comportamiento del formulario.
  • Bootstrap: Para un diseño responsive y componentes predefinidos.
  • Font Awesome: Para íconos visuales.
  • Inputmask: Para formatear el número de tarjeta.

Cómo Usar el Proyecto

Requisitos

  • Un navegador web (como Chrome, Firefox o Edge).
  • Un editor de texto (como Visual Studio Code, Sublime Text o Notepad++).

Pasos para Ejecutar el Proyecto

  1. Descarga el Proyecto:
    • Clona este repositorio o descárgalo como un archivo ZIP.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published