Javascript 当用户名和密码在html中相等时,如何创建登录页

Javascript 当用户名和密码在html中相等时,如何创建登录页,javascript,html,Javascript,Html,如果密码正确,如何创建进入下一屏幕的登录页面 输入用户名和密码 用户名 密码 登录页面 简单登录页面 用户名 密码 函数检查(表单){/*用于检查用户ID和密码的函数*/ /*以下代码检查输入的用户ID和密码是否匹配*/ if(form.userid.value==“myuserid”&&form.pswrd.value==“mypswrd”){ window.open('target.html')/*在Id和密码匹配时打开目标页面*/ } 否则{ 警报(“错误密码或用户名”)/*显

如果密码正确,如何创建进入下一屏幕的登录页面


输入用户名和密码

用户名
密码


登录页面
简单登录页面
用户名
密码
函数检查(表单){/*用于检查用户ID和密码的函数*/
/*以下代码检查输入的用户ID和密码是否匹配*/
if(form.userid.value==“myuserid”&&form.pswrd.value==“mypswrd”){
window.open('target.html')/*在Id和密码匹配时打开目标页面*/
}
否则{
警报(“错误密码或用户名”)/*显示错误消息*/
}
}

在客户端进行密码检查是不安全的,尤其是当密码是硬编码的时候

最安全的方法是在服务器端进行密码检查,但即使这样,密码也不应以明文形式传输

可以通过“安全方式”检查密码客户端:

  • 密码需要散列
  • 哈希密码用作新url的一部分

说“abc”是您的密码,这样您的md5将是“900150983cd24fb0d6963f7d28e17f72”(请考虑!)。现在构建一个包含散列的url(如)。

您对HTML有误解。HTML是一种超文本标记语言,适用于网页结构定义,而不适用于任何逻辑。在提问之前,你做了哪些研究?只是为了更清楚一点,因为新手可能会看到这个老问题,而没有意识到其中的利害关系:如果你用纯HTML检查密码,那么任何能够阅读HTML的人都会知道密码,因为密码将在页面中硬编码(任何浏览器都可以动态检查HTML或Javascript). 您必须使用HTML以外的内容(例如PHP),只有您的服务器可以访问,而不是接收HTML页面的用户。出于这个原因,这个答案是无用的。任何人都可以阅读
“mypaswrd”
任何用户名和密码都应该匹配吗?如何实现这一点(不是myuserid和mypswrd)将:
if(form.userid.value==“myuserid”&&form.pswrd.value==“mypswrd”)
替换为
if(form.userid.value==form.pswrd.value)
hi我创建了一个名为savedata的按钮,但它没有做任何事情选择文件

这个答案的片段在Github上以有趣的大量代码显示:
<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>