javascript - 如何为在客户端检查密码的用户创建登录页面

标签 javascript html

如何创建一个登录页面来检查客户端的密码是否正确,如果密码正确则转到下一个屏幕?

这是我的尝试:

<html>
<p> Enter Username and Password </p>
<FORM action="file:///android_asset/www/Browse.html" method="post">
    <P>
    <LABEL for="firstname">Username </LABEL>
              <INPUT type="text" id="Username"><BR>
    <LABEL for="lastname">Password </LABEL>
              <INPUT type="text" id="Password"><BR>
        <INPUT type="submit" value="Send"> <INPUT type="reset">
    </P>
 </FORM>
</html>

最佳答案

<html>
    <head>
        <title>Login page</title>
    </head>
    <body>
        <h1>Simple Login Page</h1>
        <form name="login">
            Username<input type="text" name="userid"/>
            Password<input type="password" name="pswrd"/>
            <input type="button" onclick="check(this.form)" value="Login"/>
            <input type="reset" value="Cancel"/>
        </form>
        <script language="javascript">
            function check(form) { /*function to check userid & password*/
                /*the following code checkes whether the entered userid and password are matching*/
                if(form.userid.value == "myuserid" && form.pswrd.value == "mypswrd") {
                    window.open('target.html')/*opens the target page while Id & password matches*/
                }
                else {
                    alert("Error Password or Username")/*displays error message*/
                }
            }
        </script>
    </body>
</html>

关于javascript - 如何为在客户端检查密码的用户创建登录页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11930253/

相关文章:

javascript - Facebook JS API : Not receiving user email despite asking for permissions

javascript - 在 Angular 路由/ View 加载后加载 jQuery 脚本

javascript - jQuery 检查是否选中了前 7 个复选框中的一个然后隐藏元素

android - 为什么 html5 功能在我的 android 应用程序中不起作用?

javascript - Breeze.js 如何对列值求和 --- sum(UnitsInTotal)

javascript - 单击按钮时触发事件

javascript - 访问 div 的子元素并附加 span

javascript - 为什么在 AJAX/JavaScript 运行后我的 CSS/布局发生变化?

c# - 需要正则表达式(使用 C#)将所有空格压缩为单个空格

php - 传递到 Url 后的 Jquery 调用