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.
- 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.
- 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.
- Un navegador web (como Chrome, Firefox o Edge).
- Un editor de texto (como Visual Studio Code, Sublime Text o Notepad++).
- Descarga el Proyecto:
- Clona este repositorio o descárgalo como un archivo ZIP.