Contacto - Frontend para el formulario de contacto

[jeancahu]

• [x] Ordenar el código HTML del formulario
• [x] Crear y linkear el CSS específico de la sección formulario
• [x] Separar la lógica tras el POST y GET en las vistas de Python
• [x] Usar Fetch para postear el formulario sin hacer refresh
• [x] Crear una sección de alerta que se muestra al enviar el formulario o fallar el envío
• [x] Oculta alertas al realizar nueva edición del formulario
• [x] Crear un event listener por cada input para verificación activa de datos
• [x] Verificar el código retorno del backend para notificar errores server-side
• [x] Quitar la actual verificación básica por HTML ya que es estéticamente fea e insuficiente

Los formularios de contacto modernos verifican los datos en frontend antes de enviarlos al servidor, para esto por ejemplo se puede crear una función o utilizar una de las muchas que ya existen para quitar los guiones y espacios a los números de teléfono, así como verificar que el primer char sea un número o un signo +, verificar que todos los chars del string con excepción del primero sean números.

OnChange del input verificar y si el dato está erróneo colocar un alert o cambiar el estilo del input para denotar error.

[jeancahu]

Verificación de datos en frontend sin refrescar la página, reset y feedback de formulario enviado cuando el server regresa un objeto JSON

https://user-images.githubusercontent.com/18200186/139641427-81fa8bd5-25f5-4105-9293-155fc694d194.mp4

[jeancahu]

• [ ] Deshabilitar el botón de submit mientras se envío el dato y aún no se ha recibido el JSON respuesta del servidor para no tener opción de enviar múltiples veces el mismo formulario.