Erstellen einer "einfachen" Passwort-Feld Validierung

Ich versuche zu machen, ein Feld für das Kennwort für eine Webseite. Bisher habe ich:

<form name="PasswordField" action="">
Password:
<input type="password" name="password">
<input type="button" value="Log in">
</form>

Erbärmlich, ich weiß. Es muss nicht sein Phantasie, ich brauche nur auf "abrufen" das Passwort aus der textbox und Spiel es gegen das Passwort für die Seite. Ich gehe davon aus, dass ich kann verwenden Sie eine if-else?

*Code for get password from textbox when the "Log in" button is pressed here*
if (password = "rawr")
{alert('Correct!')}
else
{alert('Wrong Password')}

Leider habe ich seit Narren mit dieser für Stunden. Ich habe versucht Funktionen zu, und das schien nicht zu funktionieren (bei mir) entweder.

Sie sollten in regelmäßigen Ausdruck, und Sie haben einen Fehler in Ihrem Skript, sollte password == "rawr" mit dem doppelten Gleichheitszeichen
reguläre Ausdrücke?? Nein, das hier nicht notwendig.
Was bestimmtes problem haben Sie? Sie wissen nicht, wie Sie den Wert eines input-box?
Sie können nicht überprüfen Sie Ihr Passwort mit javascript in Ihre Seite und behalten eine Ebene der Sicherheit, weil alle JS ist für jeden sichtbar, wer schauen will. Wenn Sie wollen Sicherheit, Sie haben zu prüfen, das Passwort von einem server.
Er tagged diese Hausaufgaben, so dass ich denke, es ist nur ein Lern-Beispiel für Formen, die nicht eine echte Website.

InformationsquelleAutor Josh I | 2011-11-01

  1. 2

    Wenn Sie diesen Weg gehen, Sie müssen die Validierung innerhalb einer Funktion aufgerufen wird, in der onclick - Ereignis für die Schaltfläche. Auch Zugriff auf das Passwort <input Knoten in js, können Sie ihm eine id und verwenden document.getElementById(id). Auch = ist ein Zuweisungsoperator. Verwenden == für den Vergleich 🙂

    <head>
<script type="text/javascript">
function isValid(){
var password = document.getElementById('password').value;
if (password == "rawr")
{alert('Correct!')}
else
{alert('Wrong Password')}
}
</script>
</head>

<form name="PasswordField" action="">
Password:
<input type="password" id="password" name="password">
<input type="button" value="Log in" onclick="isValid();">
</form>

    Oder eine noch einfachere Möglichkeit wäre, um das Passwort weitergeben-DOM-Knoten als argument an die Funktion:

    <head>
<script type="text/javascript">
function isValid(myNode){
var password = myNode.value;
if (password == "rawr")
{alert('Correct!')}
else
{alert('Wrong Password')}
}
</script>
</head>

<form name="PasswordField" action="">
Password:
<input type="password" id="password" name="password">
<input type="button" value="Log in" onclick="isValid(this);">
</form>
    beides hat wunderbar funktioniert. Danke!!! ist es ok, verschieben Sie das Skript in den Kopf, überall sonst im Dokument?
    Nevermind. Es ist gut so wie Sie haben es. Vielen, vielen Dank!
    Np! Es ist nicht notwendig, aber typischerweise/üblicherweise setzen js-Funktion, die Definitionen in der <head> tag. Wenn Sie ausführen müssen, um den js-außerhalb einer Funktion, müssen Sie es entsprechend
    Ich glaube nicht, sollten Sie gegeben haben, die eine solche vollständige Antwort auf eine Frage markiert den Hausaufgaben. Ein Hauch, ja. Aber nicht eine vollständige Antwort.

    InformationsquelleAutor Nick Rolando

  2. 0

    Ist es das, was du suchst?

    document.forms['PasswordField'].elements['password'].value

    InformationsquelleAutor Ariel

  3. 0

    Ich verwendet jquery und hier ist meine Lösung:

    <html>
<head>
    <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("input[name='login']").click(function() {
                var s = $("input[name='password']").val();

                if(s == "rawr") {alert('Correct!')}
                else {alert('Wrong Password')}
            });
        });
    </script>

</head>

<body>
    <form name="PasswordField" action="">
    Password:<input type="password" name="password">
        <input type="button" value="Log in" name="login">
    </form>
</body>

</html>

    InformationsquelleAutor K2so

Schreibe einen Kommentar