La création d'un “simple” mot de passe de validation de champ

Je suis en train de faire un champ de mot de passe pour une page web. Pour l'instant j'ai:

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

Pathétique je sais. Il n'a pas à être de fantaisie, j'ai juste besoin pour obtenir le mot de passe dans la zone de texte et le match contre le mot de passe de la page. Je suppose que je peux utiliser un 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')}

Malheureusement j'ai été idiot avec cela pendant des heures. J'ai essayé de fonctions, trop, et qui n'a pas l'air de fonctionner (pour moi).

Vous devriez regarder dans l'expression régulière, et vous avez une erreur dans votre script, devrait être password == "rawr" avec le double signe égal
les expressions régulières?? Non, c'pas nécessaire ici.
Quel problème rencontrez-vous? Vous ne savez pas comment récupérer la valeur d'une zone de saisie?
Vous ne pouvez pas vérifier votre mot de passe à l'aide de javascript dans votre page et de garder tout au niveau de la sécurité, car tous les JS est visible à toute personne qui veut regarder. Si vous voulez de la sécurité, vous avez pour vérifier le mot de passe à partir d'un serveur.
Il les a marqués cette devoirs, donc je pense que c'est juste un exemple d'apprentissage de formes, pas un vrai site.

OriginalL'auteur Josh I | 2011-11-01

  1. 2

    Si vous choisissez cette voie, vous avez besoin de mettre de la validation à l'intérieur d'une fonction qui est appelée dans le onclick événement de votre bouton. Aussi pour accéder au mot de passe <input nœud en js, vous pouvez lui donner un id et l'utilisation document.getElementById(id). Aussi, = est un opérateur d'affectation. Utilisation == pour la comparaison 🙂

    <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>

    Ou d'une manière plus simple serait de passer le mot de passe nœud DOM comme un argument de la fonction:

    <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>
    les deux a fonctionné à merveille. Merci!!!! est-il ok pour déplacer le script dans l'en-tête de n'importe où ailleurs dans le document?
    Nevermind. C'est bien la façon dont vous l'avez. Merci beaucoup!
    Np! Il n'est pas nécessaire, mais en général/traditionnellement vous mettre js définitions de fonction dans le <head> tag. Si vous devez exécuter des js en dehors d'une fonction, vous devez le placer de manière appropriée
    Je ne pense pas que vous devriez avoir donné une réponse complète à une question marqué devoirs. Un indice, oui. Mais pas une réponse complète.

    OriginalL'auteur Nick Rolando

  2. 0

    Est-ce ce que vous recherchez?

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

    OriginalL'auteur Ariel

  3. 0

    J'ai utilisé jquery et voici ma solution:

    <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>

    OriginalL'auteur K2so