JavaScript中的简单登录表单+；HTML5没有'；行不通_Javascript_Html_Forms_Validation

JavaScript中的简单登录表单+；HTML5没有'；行不通

javascript html forms validation

JavaScript中的简单登录表单+；HTML5没有'；行不通,javascript,html,forms,validation,Javascript,Html,Forms,Validation,我正在为我的网站制作一个基本的登录页面（这样人们只能访问他们需要的东西）。问题是，我已经检查了很多次代码，似乎没有问题。然而，身份验证不起作用。代码： HTML5：这里有什么问题？当您检查密码和用户名以及它们的相等值时，您的问题出现在if语句中。if语句应该是if（z==“Gryffindor”）和if（x==“NSDCars5”）您可能需要更改函数的范围。将“函数checkForPassw（）{”替换为 user2218363也是正确的-您需要添加==运算符来比较两个值。您在var z=“d

我正在为我的网站制作一个基本的登录页面（这样人们只能访问他们需要的东西）。问题是，我已经检查了很多次代码，似乎没有问题。然而，身份验证不起作用。代码：
HTML5：

这里有什么问题？

当您检查密码和用户名以及它们的相等值时，您的问题出现在if语句中。if语句应该是

if（z==“Gryffindor”）

和

if（x==“NSDCars5”）

您可能需要更改函数的范围。将“函数checkForPassw（）{”替换为

user2218363也是正确的-您需要添加==运算符来比较两个值。

您在

var z=“dxoincu3rhi”

之后遗漏了一个分号。您没有注意到吗？您的script123.js文件与html文件在同一文件夹中吗？我知道了（至少）除了@stf指出的一个问题外，这个代码还有两个问题。首先，你没有获取z和x的值，你只是获取元素本身。其次，你使用=而不是==进行比较。应该是

if（x.value==“NSDCars5”）

和

if（z.value==“格兰芬多”）

谢谢！效果很好！我对JavaScript还是有点陌生，需要练习。：D

<!DOCTYPE html>
<html>
<head>
<title>NSDCars5: Login</title>
<script src="script123.js"></script>
<link rel="stylesheet" type="text/css" href="style123.css" />
</head>
<body>
<div id="title">
<h1>Hey, there! Ready for some client-side scripting?</h1>
<h2>So am I! Login here to continue.</h2>
<h4>Or if you're a hacker kind, I'm using JavaScript to validate the form.</h4>
</div>
<div id="content">
<input type="text" id="username" />&nbsp;
<input type="password" id="password" /><br />
<button onclick="checkForPassw()"><img src="icon.png" /></button><br />
</div>
<div id="footer"></div>
</body>
</html>

function checkForUname() {
    var z = document.getElementById("password");
    if (z = "Gryffindor") {
        var z = "dxoincu3rhi"
        self.location = "\hiddencontent.html";
    } else {
        document.getElementById("result").innerHTML = "You think I'm that stupid!?";
    }
}

function checkForPassw() {
    var x = document.getElementById("username");
    if (x = "NSDCars5") {
        var x = "3d3huiun";
        checkForUname();
    } else {
        document.getElementById("result").innerHTML = "You think I'm that stupid!?";
    }
}

this.checkForPassw = function() {