emile.lalorcey/GSB2temp
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: emile.lalorcey:main
Branches Tags
emile.lalorcey:main emile.lalorcey:moha emile.lalorcey:emileBDD
...
pull from: emile.lalorcey:moha
Branches Tags
emile.lalorcey:main emile.lalorcey:moha emile.lalorcey:emileBDD

1 Commits

Author SHA1 Message Date
mohamed.boussemaha
9f24918f10 connexion et style 2025-05-14 14:37:55 +02:00
2 changed files with 8 additions and 33 deletions
Expand all files Collapse all files

5
Styles/style.css
View File

@@ -98,3 +98,8 @@ body {
bottom: 0; bottom: 0;
width: 100%; width: 100%;
} }
input[type="text"], input[type="password"] {
width: 300px;
margin: 0 auto;
}

36
Vue/connexion.php
View File

@@ -13,20 +13,6 @@
font-family: 'Barlow', sans-serif; font-family: 'Barlow', sans-serif;
} }
</style> </style>
<script>
// Fonction de validation du formulaire
function validateForm() {
const username = document.getElementById('username').value;
const password = document.getElementById('password').value;
const role = document.querySelector('input[name="role"]:checked');
if (username == "" || password == "" || !role) {
alert("Tous les champs doivent être remplis, y compris le choix du rôle.");
return false;
}
return true;
}
</script>
</head> </head>
<body> <body>
@@ -41,8 +27,8 @@
<main class="main-content"> <main class="main-content">
<h2>Connexion à l'application</h2> <h2>Connexion à l'application</h2>
<br>
<form action="authentification.php" method="POST" onsubmit="return validateForm()"> <form action="connexionVerif.php" method="POST" onsubmit="return validateForm()">
<div class="mb-3"> <div class="mb-3">
<label for="username" class="form-label">Nom d'utilisateur</label> <label for="username" class="form-label">Nom d'utilisateur</label>
<input type="text" class="form-control" id="username" name="username" required> <input type="text" class="form-control" id="username" name="username" required>
@@ -52,23 +38,7 @@
<label for="password" class="form-label">Mot de passe</label> <label for="password" class="form-label">Mot de passe</label>
<input type="password" class="form-control" id="password" name="password" required> <input type="password" class="form-control" id="password" name="password" required>
</div> </div>
<br>
<div class="mb-3">
<label class="form-label">Choisissez votre rôle</label>
<div class="form-check">
<input class="form-check-input" type="radio" name="role" id="praticien" value="praticien">
<label class="form-check-label" for="praticien">
Praticien
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="role" id="visiteur" value="visiteur">
<label class="form-check-label" for="visiteur">
Visiteur
</label>
</div>
</div>
<button type="submit" class="btn btn-primary">Se connecter</button> <button type="submit" class="btn btn-primary">Se connecter</button>
</form> </form>
</main> </main>