Javascript HTML中的用户名和密码验证_Javascript_Html

Javascript HTML中的用户名和密码验证

javascript html

Javascript HTML中的用户名和密码验证,javascript,html,Javascript,Html,下面的代码应该验证用户名和密码，如果正确，应该运行“run.html”，否则运行“fail.html”，但代码没有按要求执行。代码中的错误是什么 <!doctype html> <html> <body> <form> <font size=5><font color="black"><input type="text" placeholder="Username" name="text1">

下面的代码应该验证用户名和密码，如果正确，应该运行“run.html”，否则运行“fail.html”，但代码没有按要求执行。代码中的错误是什么

<!doctype html>
<html>
<body>

    <form>

    <font size=5><font color="black"><input type="text" placeholder="Username" name="text1"><br /><br /></font>

    <font size=5><font color="white"><input type="password" placeholder="Password" name="text2"><br /><br /></font>

    <font size=5><input type="submit" value="Login"  onclick=javascript.validate(test1.value,test2.value)></font>

    </form>

<! javascript>
<script language="javascript">
function validate(text1,text2)
{
    if(text1==workshop && text2==workshop)
    load("run.html");
    else
    {
        load("fail.html");
    }
}
function load(url)
{
    location href=url;
}
</script>
</body>
</html>








函数验证（text1、text2）
{
如果（text1==车间和&text2==车间）
加载（“run.html”）；
其他的
{
加载（“fail.html”）；
}
}
函数加载（url）
{
location href=url；
}

代码中有（相当多）错误：

onclick=javascript.validate（test1.value，test2.value）

应该是

onclick=“javascript:validate（test1.value，test2.value）”

（即应该有冒号而不是句号）

test1

和

test2

不存在

if（text1==车间和&text2==车间）

应该是

if（text1==“车间”和&text2==“车间”）

location href=url

应该是

location.href=url
然而，在一天结束的时候，即使你能做到这一点，这种“安全”也将是微不足道的；任何人都可以查看页面的源代码并查看用户名和密码
 代码中有（相当）几个错误：
onclick=javascript.validate（test1.value，test2.value）
应该是onclick=“javascript:validate（test1.value，test2.value）”
（即应该有冒号而不是句号）
test1
和test2
不存在
if（text1==车间和&text2==车间）
应该是if（text1==“车间”和&text2==“车间”）

location href=url
应该是location.href=url
然而，在一天结束的时候，即使你能做到这一点，这种“安全”也将是微不足道的；任何人都可以查看页面的源代码并查看用户名和密码
 首先-不要像这样验证凭据-在服务器端进行验证，因为任何客户端对安全来说都毫无价值
除此之外

使用css更改元素的表示方式，而不是像font
这样的html元素
javascript.validate（…）
应该是javascript:validate（…）
或者只是validate（…）
使用
启动（java）脚本元素
location href
应该是location.href
您需要将字符串值用引号括起来（即workshop
应该是“workshop”
）
将name=“text1”
更改为id=“text1”
，然后可以使用document.getElementById（“text1”）.value来获取值








函数验证（）
{
if（document.getElementById（“text1”）.value==“车间”
&&document.getElementById（“text2”）.value==“workshop”）
{
警报（“验证成功”）；
location.href=“run.html”；
}
其他的
{
警报（“验证失败”）；
location.href=“fail.html”；
}
}
首先-不要像这样验证凭据-在服务器端进行验证，因为任何客户端对安全来说都毫无价值
除此之外

使用css更改元素的表示方式，而不是像font
这样的html元素
javascript.validate（…）
应该是javascript:validate（…）
或者只是validate（…）
使用
启动（java）脚本元素
location href
应该是location.href
您需要将字符串值用引号括起来（即workshop
应该是“workshop”
）
将name=“text1”
更改为id=“text1”
，然后可以使用document.getElementById（“text1”）.value来获取值








函数验证（）
{
if（document.getElementById（“text1”）.value==“车间”
&&document.getElementById（“text2”）.value==“workshop”）
{
警报（“验证成功”）；
location.href=“run.html”；
}
其他的
{
警报（“验证失败”）；
location.href=“fail.html”；
}
}
由于您是网络开发新手，我决定发布此答案，希望您能得到有用的建议。
但首先，我很好奇你是否在使用教程。如果您正在使用教程，请寻找另一个，因为您的HTML包含“古老”标记
这篇文章包含三个部分：HTML、CSS和JavaScript
关于HTML
让我们先从HTML开始。以下是您所写内容的示例：
<font size=5>
    <font color="black">
        <input type="text" placeholder="Username" name="text1">
        <br /><br />
    </font>

如果你想阅读更多关于HTML的内容，请阅读这篇关于HTML的文章。尽量避免使用像
或甚至
这样的旧标签（不再使用）。你在哪里挖的这个
关于CSS
您已经在HTML中使用了
。如前一节所述，它不再使用。为了设计HTML的样式，我们现在使用CSS。这代表“层叠样式表”，它允许您在一个漂亮的网页中为一个普通的HTML文档设置样式。如果你想阅读更多关于css的内容，你可以使用这个
在css中，如果要设置字体样式，可以使用
input[type="text"] {
    color: red;
}

这个CSS部分说“搜索输入[type=“text”]元素”。然后将文本颜色设置为红色。这是一个简单的例子。通过使用CSS，您可以操纵网页的外观。
如果您想了解更多有关CSS的信息，请使用给定的文档，或使用此文档
关于JavaScript
您输入的内容很好，但仍需要检查基本内容。让我们看看您的第一个函数：validate
function validate(text1,text2)
{
    if(text1==workshop && text2==workshop)
        load("run.html");
    else
    {
        load("fail.html");
    }
}

您的条件部分是text1==workshop&&text2==workshop
。变量text1
和text2
已知（通过函数作为参数传递）。但是worksh呢
<input type="text" placeholder="Username" name="text1" />

<input type="text" placeholder="Username" name="username" id="username" />

input[type="text"] {
    color: red;
}

function validate(text1,text2)
{
    if(text1==workshop && text2==workshop)
        load("run.html");
    else
    {
        load("fail.html");
    }
}

text1=="workshop"

if(text1=="workshop" && text2=="workshop") {
    load("run.html");
}
else {
    load("fail.html");
}

if(text1==workshop && text2==workshop)
    load("run.html");
else
    load("fail.html");

if( condition ) {
    // line 1
    // line 2
}

function load(url)
{
    location href=url;
}

<input type="submit" value="Login" onclick="validate()" />

function validate()
{
    if(text1=="workshop" && text2=="workshop")
        // code omitted
}

var text1 = document.getElementById("username");

function validate()
{
    var text1 = document.getElementById("username");
    var text2 = document.getElementById("password");
    if(text1.value=="workshop" && text2.value=="workshop") {
        load("run.html");
    }
    else {
        load("fail.html");
    }
}