Skip to content

Commit

Permalink
fix validation du form
Browse files Browse the repository at this point in the history
  • Loading branch information
tcht-marie committed Feb 23, 2024
1 parent e9c48fa commit f6d25ec
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 4 deletions.
2 changes: 1 addition & 1 deletion contact.html
Original file line number Diff line number Diff line change
Expand Up @@ -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="[email protected]" 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">
Expand Down
9 changes: 6 additions & 3 deletions contact.js
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down

0 comments on commit f6d25ec

Please sign in to comment.