Wie wird eine Fehlermeldung auf der HTML-Seite angezeigt, wenn die Anmeldedaten falsch sind? (cgi-bin)

Question

Ich mache jetzt eine einfache WIFI-Splash-Seite. Wenn die Anmeldeinformationen korrekt sind, wird eine URL geöffnet. Ich weiß jedoch nicht, wie ich mit den falschen Anmeldedaten umgehen soll. (Es erfrischt nur die Seite, wenn sie mit dem falschen Benutzername und Passwort eingeben.)

Hier ist mein HTML-Code:

<form method=POST action="https://securelogin.*******.com/cgi-bin/login"> 
    <div class="row"> 
     <label>Username:</label> 
     <input name=user class="u-full-width" type="text"> 
     <label>Password:</label> 
     <input name=password class="u-full-width" type="password"> 
     <input name=cmd value="authenticate" type="hidden"> 
     <input name=url value="http://www.google.com/" type="hidden"> 
    </div> 

    <div class="row"> 
     <input class="button-primary" type="submit" name="Login" value="I Agree"> 
    </div> 
</form> 

Erwartetes Verhalten: Wenn die Anmeldeinformationen falsch sind, zeigt eine Fehlermeldung irgendwo in der Form.

Probleme: Ich weiß nicht, wo Code hinzugefügt werden soll, um die Fehlermeldung auszulösen, wenn die Berechtigung falsch ist.

Ich habe einige Nachforschungen gemacht. Es scheint, dass die Leute normalerweise damit umgehen, indem sie php/js verwenden. Ich bin nicht sicher, ob das ist, was ich tun sollte, weil ich nicht weiß, wie die Aktion Links in meinem Code funktioniert, vor allem die "cgi-bin" Teil. Das einzige, was ich weiß, ist ein RADIUS-Aufruf an den Server, um die Anmeldeinformationen zu überprüfen. Der Aktionslink kann nicht geändert werden.

Bitte helfen. Vielen Dank.

Answer 1

Sie können dies in Javascript mithilfe der JQuery-Bibliothek tun. Anstatt dass Ihr Formular als POST-Anfrage gesendet wird, wird das Javascript die POST-Anfrage bearbeiten und die Daten von Ihrer Login-Seite erhalten.

Sie würden $ .post() benötigen, um die POST-Anforderung zu senden, und $ .toggle(), um ein Fehlermeldungselement ein- oder auszublenden. Sie könnten sogar eine Fehlermeldung von Ihrer Post-Seite auf eine Javascript-Variable in Ihrer Seite setzen. Die Bibliothek ist sehr einfach und einfach zu implementieren.

https://api.jquery.com/jquery.post/

https://api.jquery.com/toggle/