From e707b46eaabb3fc8a93006b3a16d953525aaa082 Mon Sep 17 00:00:00 2001
From: "gwenael.planchon" <gwenael.planchon@etu.uca.fr>
Date: Fri, 29 Mar 2024 10:44:42 +0100
Subject: [PATCH] verifier l'input avant d'envoyer la requete

---
 science-quest/src/components/Inscription.vue |  9 ++++++---
 science-quest/src/components/Login.vue       | 11 +++++++----
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/science-quest/src/components/Inscription.vue b/science-quest/src/components/Inscription.vue
index 71ceae0..6f42219 100644
--- a/science-quest/src/components/Inscription.vue
+++ b/science-quest/src/components/Inscription.vue
@@ -4,6 +4,9 @@ import { Utilisateur } from "@/data/utilisateur"
 export default {
     methods:{
         creerCompte(event){
+            if(!formajouter.checkValidity()){
+                return
+            }
             const utilisateur=new Utilisateur(Object.fromEntries(new FormData(formajouter)))
             utilisateur.register().then(response=>console.log(response))
         }
@@ -19,15 +22,15 @@ export default {
     <h1 class="h3 mb-3 fw-normal">S'inscrire</h1>
 
     <div class="form-floating">
-        <input type="email" class="form-control" id="emailInput" name="email">
+        <input type="email" class="form-control" id="emailInput" name="email" required>
         <label for="emailInput">Email</label>
     </div>
     <div class="form-floating">
-        <input type="text" class="form-control" id="pseudoInput" name="pseudo">
+        <input type="text" class="form-control" id="pseudoInput" name="pseudo" required min="6">
         <label for="pseudoInput">Pseudo</label>
     </div>
     <div class="form-floating">
-        <input type="password" class="form-control" id="motDePasseInput" name="motDePasse">
+        <input type="password" class="form-control" id="motDePasseInput" name="motDePasse" required min="6">
         <label for="motDePasseInput">Mot de passe</label>
     </div>
     <button class="btn btn-lg btn-primary" @click="creerCompte">S'inscrire</button>
diff --git a/science-quest/src/components/Login.vue b/science-quest/src/components/Login.vue
index c913d13..11f7bb8 100644
--- a/science-quest/src/components/Login.vue
+++ b/science-quest/src/components/Login.vue
@@ -5,8 +5,11 @@ import { Utilisateur } from "@/data/utilisateur"
 export default {
     methods:{
         login(){
-        const utilisateur=new Utilisateur(Object.fromEntries(new FormData(formajouter)))
-        utilisateur.login().then(response=>console.log(response))
+            if(!formajouter.checkValidity()){
+                return
+            }
+            const utilisateur=new Utilisateur(Object.fromEntries(new FormData(formajouter)))
+            utilisateur.login().then(response=>console.log(response))
         }
     }
 }
@@ -19,11 +22,11 @@ export default {
     <h1 class="h3 mb-3 fw-normal">Se connecter</h1>
 
     <div class="form-floating">
-        <input type="email" class="form-control" id="emailInput" name="email">
+        <input type="email" class="form-control" id="emailInput" name="email" required>
         <label for="emailInput">Email</label>
     </div>
     <div class="form-floating">
-        <input type="password" class="form-control" id="motDePasseInput" name="motDePasse">
+        <input type="password" class="form-control" id="motDePasseInput" name="motDePasse" required min="6">
         <label for="motDePasseInput">Mot de passe</label>
     </div>