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 😉
InformationsquelleAutor | 2015-05-18
Schreibe einen Kommentar