From f6d25ec024733e967bd4d46742a244b9c4ad1529 Mon Sep 17 00:00:00 2001
From: marietcht <marie.tranchant@maif.fr>
Date: Fri, 23 Feb 2024 15:55:24 +0100
Subject: [PATCH] fix validation du form

---
 contact.html | 2 +-
 contact.js   | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/contact.html b/contact.html
index 69efa8d..d499e6e 100644
--- a/contact.html
+++ b/contact.html
@@ -31,7 +31,7 @@ <h1>Contactez nous !</h1>
                 <label for="mail">E-mail:</label>
                 <input type="email" id="emailContact" name="user_mail" class="formInput" placeholder="exemple@exemple.fr" required>
                 <label for="msg">Message:</label>
-                <textarea id="msg" name="user_message" placeholder="Ecrivez votre message ici"></textarea>
+                <textarea id="msg" name="user_message" placeholder="Ecrivez votre message ici" required></textarea>
                 <button type="submit" class="btn btn-light showPopup" value="Reset form">Envoyer</button>
                 <div id="popup">
                     <div id="popupContent">
diff --git a/contact.js b/contact.js
index 0bc70e4..dc4c3a7 100644
--- a/contact.js
+++ b/contact.js
@@ -20,8 +20,11 @@ form.addEventListener('submit', function (event) {
     // Empêche le comportement par défaut de l'envoi du formulaire (rechargement de la page)
     event.preventDefault();
 
-    // appel cette fonction pour l'envoi asynchrone du formulaire
-    submitFormAsync();
+    // appel cette fonction pour valider les inputs du formulaire
+    if (validateForm()) {
+        // si la validation réussit, appelez la fonction pour l'envoi asynchrone du formulaire
+        submitFormAsync();
+    }
 });
 
 // fonction pour l'envoi asynchrone du formulaire
@@ -83,7 +86,7 @@ function validateForm() {
     }
 
     // validation de l'email (regex de vérification d'email)
-    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    const emailRegex = /^[\w\.-]+@[a-zA-Z\d\.-]+\.[a-zA-Z]{2,}$/;
     // .test permet de vérifier la correspondance entre les données de l'input email et celle du regex
     // .trim permet de retirer les blancs (espaces) en début et fin de string
     // ici, si l'email ne correspond pas au regex, renvoi une alert