Form Submit aktualisieren verhindern?

Timer · 13 Februar 2018

Hey,
ich habe über ein Form ein Login gemacht und würde gerne machen, dass, wenn man auf Submit drückt und das Passwort falsch ist, die Seite nicht neu lädt und somit der Name und das Passwort noch in den Input-Feldern stehen. Geht das?
Ich habe im Internet nur eine Möglichkeit gefunden:

Code:

$('form').submit(function (evt) {
   evt.preventDefault();
}

Leider gingen dann alle meine onclick Funktionen nicht mehr

threadi · 13 Februar 2018

Wenn ich deiner Formulierung folge, müsstest Du die Felder des Formulars per AJAX abschicken. Abhängig von der Antwort auf den AJAX-Request zeigst Du dann weiter das Formular an oder leitest weiter oder was auch immer. Ein Beispiel dafür findest Du z.B. hier: http://www.ondeweb.in/ajax-login-form-with-jquery-and-php/

Gelöschtes Mitglied 36401 · 14 Februar 2018

Das geht auch ohne JavaScript:

PHP:

<?php
   $user = "";
  
   if (isset($_POST['user']))
   {
       $user = $_POST['user'];
       if ($_POST['user'] == "willi" && $_POST['password'] == "wacker")
           $message = "Login erfolgreich";
       else
           $message = "Du nicht";
   }
?>
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8" />
    <title>Test</title>
  </head>
  <body>
<?php if (isset($message)) echo "<span style='font-weigt:bold; color:#ff0000'>$message</span>\n"; ?>
  <h3>Login</h3>
  <form action="" method="post">
  User: <input type="text" name="user" value="<?php echo $user; ?>"><br>
  Passwort: <input type="password" name="password"><br>
  <input type="submit" name="submit" value="Login">
  </form>
  </body>
</html>

Timer · 14 Februar 2018

Sorry, dass ich erst jetzt Zeit habe:
ich würde lieber die Lösung von threadi nehmen, da das mit meinem bisherigen Login leichter umzusetzen ist. Leider lädt dann die Seite einfach neu und die PHP File wird nicht ausgeführt (es kommen weder Fehlermeldungen noch wird was in die MYSQL Datei geschrieben (die Session ID, wenn alle Daten richtig sind))
PS: Die PHP File ist auf jeden Fall nicht falsch (die if Abfragen und die SQL Befehle), da die zuvor funktioniert hat.
register.js:

Code:

$(document).ready(function(){
    $("#loginSubmit").click(function(){
        rUsername=$("#rUsername").val();
        rPassword=$("#rPassword").val();
        $.ajax({
            type: "POST",
            url: "../php/register.php",
            data: "rUsername="+rUsername+"&rPassword="+rPassword+",
            success: function(html){ 
                if(html=='true')    {
                    window.location="../index.php";
                }
            },
            beforeSend:function()
            {
            }
        });
        return false;
    });
});

login.php:

PHP:

<?php
    session_start();
    include("mysql.php");
    if(isset($_POST['rUsername'])) {
        LOGIN Vorgang
    }
?>

HTML:

<form id="loginForm" method="post">
            <a id="loginBack" onclick="hideLogin();">&larr;</a><br>
            <label>Username</label>
            <input class="loginInput" type="text" name="rUsername" id="rUsername" required>
            <label>Password</label>
            <input class="loginInput" type="password" name="rPassword" id="rPassword" required pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters">
            </div>
            <input id="loginSubmit" type="submit" value="Login Now">
        </form>
        <script src="scripts/login.js"></script>

Timer · 15 Februar 2018

Fail. Das habe ich nun zu der ID vom SUbmit geändert und nun gehts perfekt. Danke

Form Submit aktualisieren verhindern?

Timer

Mitglied

threadi

Moderator

Gelöschtes Mitglied 36401

Guest

Timer

Mitglied

Timer

Mitglied

Neueste Beiträge