PHP-Login-Form In Bootstrap 3 Modal
Habe ich begonnen, erstellt ein login-Formular in ein Bootstrap modal, habe ich bereits den code für das modale (einfache bootstrap-modal), und ich habe den PHP-code, um die Anmeldung abzuschließen, auf einer separaten Seite (login.php), aber ich würde gerne die login-überprüfung und Rückgabe der Fehler innerhalb des modal, möglicherweise, ohne die Seite aktualisieren. Hier sind Beispiele: http://demo.flarum.org/#/ und https://phpacademy.org/, beide haben ein login -, modal -, und return-Fehlern als auch bei der Anzeige ein laden-Symbol.
Hier ist meine modal-code mit Formular:
<div class="modal fade" id="modalSignin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-signin">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title text-center">Sign In</h3>
</div>
<div class="modal-body">
<form method="POST" class="form-signin">
<div class="form-group">
<input type="text" class="form-control" name="username" placeholder="Username" autocomplete="off" autofocus="on">
</div>
<div class="form-group">
<input type="password" class="form-control" name="password" placeholder="Password">
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary btn-block" name="submit">Sign In</button>
</div>
</form>
</div>
<div class="modal-footer">
<p class="text-center text-muted">Don't have an account yet? <a href="#">Sign Up</a></p>
</div>
</div>
</div>
</div>
Und hier ist die einfache php-code in login.php (ich weiß, dieser code kann verbessert werden, aber nur als Beispiel), würde ich gerne irgendwie befestigen Sie den modal.
if (!empty($_POST)) {
$username = $_POST['username'];
$password = $_POST['password'];
if (empty($username) && empty($password)) {
$errors[] = 'Please enter a username and password!';
}
else if (empty($username)) {
$errors[] = 'Please enter a username!';
}
else if (empty($password)) {
$errors[] = 'Please enter a password!';
}
else {
$login = login($username, $password);
if (!$login) {
$errors[] = 'Couldn\'t sign you in with those details!';
echo outputErrors($errors);
} else {
$_SESSION['user'] = $login;
redirect('index.php');
}
}
}
Könnte ich tun, eine Menge falsch, aber wenn jemand könnte mich in die richtige Richtung, oder zeigen Sie mir einige Beispiel-code, dass wäre toll.
Vielen Dank im Voraus! 🙂
- Haben Sie versucht, AJAX?
- Ich habe gehört, dass ich erreichen konnte, diese mit AJAX, aber ich habe so ziemlich keine Ahnung, wie ' s geht! jede Beratung wäre sehr geschätzt werden 😉
Du musst angemeldet sein, um einen Kommentar abzugeben.
Als peterKA sagte, müssen Sie die Verwendung von ajax, vielleicht durch jquery zu erleichtern ein wenig aus. Hast du irgendwelche Kenntnisse in jquery? Sie können sich http://malsup.com/jquery/form/
ein plugin, das schickt Formulare per ajax an den server mit fast keine änderung des Codes.