使用静态密码在Javascript中进行用户验证

时间:2013-09-26 19:08:29

标签: javascript html

我是Java Script的新手,最近在JS中实现了一个用于实现静态密码保护的程序

这是我的代码:

<html>
    <head>
    <title>
    User Validation  : 2nd Program
    </title>

    <script "javascript">

    function validate()
    {
    alert(form.username.value)
    alert(document.getelementbyId(username).value);
    alert(form.password.value)
        if(form.username.value == "sample" && form.password.value =="password")
            {
                alert("User Validated ");
                continue();
            }
        else
            {
                alert("Incorrect Username or Password" );
            }

    }
    </script>
    </head>

    <body>
    <text align=center>
    <form name="form" onsubmit="validate()">
    Username <input type="text" name="username" />
    <br />
    <br />
    Password <input type="password" name="password" maxlength=10 />

    <input type="submit" />
    </form>
    </text>
    </body>

现在,我默认为用户验证定义了用户名 - &gt;“示例”和密码 - &gt;“密码”。

但是,在提交表单后再次重置而不执行验证功能! 作为JS的新手,我会因为一个愚蠢的错误而忽视我。

还建议从头开始学习JS和JSP的最佳书籍!

1 个答案:

答案 0 :(得分:2)

onsubmit="validate()"更改为onsubmit="return validate();"

这样,当validate返回false时,表单将不会提交。当表单未验证时,您还必须更改validate func以返回false,结果代码为:

function validate()
    {
    alert(form.username.value)
    alert(document.getelementbyId(username).value);
    alert(form.password.value)
        if(form.username.value == "sample" && form.password.value =="password")
            {
                alert("User Validated ");
                return true;
            }
        else
            {
                alert("Incorrect Username or Password" );
                return false;
            }

    }

更新:继续并打破插图。

while(true) {
    // :loopStart
    var randomNumber = Math.random();
    if (randomNumber < .5) {
        continue; //skips the rest of the code and goes back to :loopStart
    }
    if (randomNumber >= .6) {
        break; //exits the while loop (resumes execution at :loopEnd)
    }
    alert('value is between .5 and .6');
}
// :loopEnd

以防万一,:loopStart和:loopEnd不是特殊标识符或任何东西,它们只是帮助您更好地跟踪代码的注释