tom.biard
/
ScienceQuest
3
0
Fork 2
Code Issues 3 Pull Requests Packages Projects 1 Releases Wiki Activity

verifier l'input avant d'envoyer la requete

Browse Source
front
Gwenael PLANCHON 1 year ago
parent 12afb99966
commit e707b46eaa
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File

9
science-quest/src/components/Inscription.vue
Unescape View File

@ -4,6 +4,9 @@ import { Utilisateur } from "@/data/utilisateur"
export default { export default {
methods:{ methods:{
creerCompte(event){ creerCompte(event){
if(!formajouter.checkValidity()){
return
}
const utilisateur=new Utilisateur(Object.fromEntries(new FormData(formajouter))) const utilisateur=new Utilisateur(Object.fromEntries(new FormData(formajouter)))
utilisateur.register().then(response=>console.log(response)) utilisateur.register().then(response=>console.log(response))
} }
@ -19,15 +22,15 @@ export default {
<h1 class="h3 mb-3 fw-normal">S'inscrire</h1> <h1 class="h3 mb-3 fw-normal">S'inscrire</h1>
<div class="form-floating"> <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> <label for="emailInput">Email</label>
</div> </div>
<div class="form-floating"> <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> <label for="pseudoInput">Pseudo</label>
</div> </div>
<div class="form-floating"> <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> <label for="motDePasseInput">Mot de passe</label>
</div> </div>
<button class="btn btn-lg btn-primary" @click="creerCompte">S'inscrire</button> <button class="btn btn-lg btn-primary" @click="creerCompte">S'inscrire</button>

7
science-quest/src/components/Login.vue
Unescape View File

@ -5,6 +5,9 @@ import { Utilisateur } from "@/data/utilisateur"
export default { export default {
methods:{ methods:{
login(){ login(){
if(!formajouter.checkValidity()){
return
}
const utilisateur=new Utilisateur(Object.fromEntries(new FormData(formajouter))) const utilisateur=new Utilisateur(Object.fromEntries(new FormData(formajouter)))
utilisateur.login().then(response=>console.log(response)) utilisateur.login().then(response=>console.log(response))
} }
@ -19,11 +22,11 @@ export default {
<h1 class="h3 mb-3 fw-normal">Se connecter</h1> <h1 class="h3 mb-3 fw-normal">Se connecter</h1>
<div class="form-floating"> <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> <label for="emailInput">Email</label>
</div> </div>
<div class="form-floating"> <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> <label for="motDePasseInput">Mot de passe</label>
</div> </div>

Write Preview
Loading…
Cancel
Save