Ich bin 0 vertraut mit JavaScript und suche seit stunden eine lösung zu meinem problem, ich bin gerade dabei ein login system zu programmieren
Und jetzt weiß ich nicht wie ich das mit dem Login machen soll suche seit einigen studen auf verschieden websiten um hilfe jedoch ohne erfolg ich kann kein javascript und brauche dringend jemand der mir das erklärt oder vielleicht sogar schreibt
brauche halt nen code der checkt ob das gültig ist und im anschluss den nutzer automatisch auf die hompeage bringt..
bin sehr verzweifelt tut mir leid falls ich unhöflich rüberkomme.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Login</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
</head>
<body>
<section class="h-100">
<div class="container h-100">
<div class="row justify-content-sm-center h-100">
<div class="col-xxl-4 col-xl-5 col-lg-5 col-md-7 col-sm-9">
<div class="text-center my-5">
<img src="https://cdn.discordapp.com/attachments/807683377137844285/1036024148855627786/Strixley_Ruffy_2.png" alt="logo" width="100">
</div>
<div class="card shadow-lg">
<div class="card-body p-5">
<h1 class="fs-4 card-title fw-bold mb-4">Login</h1>
<form method="POST" class="needs-validation" novalidate="" autocomplete="off">
<div class="mb-3">
<label class="mb-2 text-muted" for="email">E-Mail Addresse</label>
<input id="email" type="email" class="form-control" name="email" value="" required autofocus>
<div class="invalid-feedback">
Die Email ist Ungültig.
</div>
</div>
<div class="mb-3">
<div class="mb-2 w-100">
<label class="text-muted" for="password">Passwort</label>
<a href="forgot.html" class="float-end">
Passwort Vergessen?
</a>
</div>
<input id="password" type="password" class="form-control" name="password" required>
<div class="invalid-feedback">
Passwort wird benötigt.
</div>
</div>
<div class="d-flex align-items-center">
<div class="form-check">
<input type="checkbox" name="remember" id="remember" class="form-check-input">
<label for="remember" class="form-check-label">Remember Me</label>
</div>
<button href="./mainpage.html" type="submit" class="btn btn-primary ms-auto">
Login
</button>
</div>
</form>
</div>
<div class="card-footer py-3 border-0">
<div class="text-center">
Du hast noch keinen Account? <a href="register.html" class="text-dark">Erstelle einen</a>
</div>
</div>
</div>
<div class="text-center mt-5 text-muted">
Copyright © 2022 — STRIXUNITY
</div>
</div>
</div>
</div>
</section>
<script src="js/login.js"></script>
</body>
</html>
Und jetzt weiß ich nicht wie ich das mit dem Login machen soll suche seit einigen studen auf verschieden websiten um hilfe jedoch ohne erfolg ich kann kein javascript und brauche dringend jemand der mir das erklärt oder vielleicht sogar schreibt
brauche halt nen code der checkt ob das gültig ist und im anschluss den nutzer automatisch auf die hompeage bringt..
bin sehr verzweifelt tut mir leid falls ich unhöflich rüberkomme.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Login</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
</head>
<body>
<section class="h-100">
<div class="container h-100">
<div class="row justify-content-sm-center h-100">
<div class="col-xxl-4 col-xl-5 col-lg-5 col-md-7 col-sm-9">
<div class="text-center my-5">
<img src="https://cdn.discordapp.com/attachments/807683377137844285/1036024148855627786/Strixley_Ruffy_2.png" alt="logo" width="100">
</div>
<div class="card shadow-lg">
<div class="card-body p-5">
<h1 class="fs-4 card-title fw-bold mb-4">Login</h1>
<form method="POST" class="needs-validation" novalidate="" autocomplete="off">
<div class="mb-3">
<label class="mb-2 text-muted" for="email">E-Mail Addresse</label>
<input id="email" type="email" class="form-control" name="email" value="" required autofocus>
<div class="invalid-feedback">
Die Email ist Ungültig.
</div>
</div>
<div class="mb-3">
<div class="mb-2 w-100">
<label class="text-muted" for="password">Passwort</label>
<a href="forgot.html" class="float-end">
Passwort Vergessen?
</a>
</div>
<input id="password" type="password" class="form-control" name="password" required>
<div class="invalid-feedback">
Passwort wird benötigt.
</div>
</div>
<div class="d-flex align-items-center">
<div class="form-check">
<input type="checkbox" name="remember" id="remember" class="form-check-input">
<label for="remember" class="form-check-label">Remember Me</label>
</div>
<button href="./mainpage.html" type="submit" class="btn btn-primary ms-auto">
Login
</button>
</div>
</form>
</div>
<div class="card-footer py-3 border-0">
<div class="text-center">
Du hast noch keinen Account? <a href="register.html" class="text-dark">Erstelle einen</a>
</div>
</div>
</div>
<div class="text-center mt-5 text-muted">
Copyright © 2022 — STRIXUNITY
</div>
</div>
</div>
</div>
</section>
<script src="js/login.js"></script>
</body>
</html>
das ganze wird ja für einen Minecraft Server Entwickelt.
