Javascript 如果语句re direct未按预期工作_Javascript_Validation_If Statement

Javascript 如果语句re direct未按预期工作

javascript validation if-statement

Javascript 如果语句re direct未按预期工作,javascript,validation,if-statement,Javascript,Validation,If Statement,我试图通过虚拟场景学习javascript，下面的内容不会在实际环境中使用。所有的html页面都在我的家庭服务器上，这就是为什么我没有在链接中使用http://etc 如果我输入了正确的用户名和密码，我试图让下面的代码将我带到“索引”页面，如果我输入错误，则保持在“主页”页面上，但会显示一条提示“无效登录”。如果我输入了正确的用户名和密码，我将被正确重定向，但是如果我在正确触发警报后输入了错误的用户名/密码，我也将被重定向到索引页面如何停止加载错误用户名/密码的索引页？我肯定这可能是我错过的简

我试图通过虚拟场景学习javascript，下面的内容不会在实际环境中使用。所有的html页面都在我的家庭服务器上，这就是为什么我没有在链接中使用http://etc

如果我输入了正确的用户名和密码，我试图让下面的代码将我带到“索引”页面，如果我输入错误，则保持在“主页”页面上，但会显示一条提示“无效登录”。如果我输入了正确的用户名和密码，我将被正确重定向，但是如果我在正确触发警报后输入了错误的用户名/密码，我也将被重定向到索引页面

如何停止加载错误用户名/密码的索引页？我肯定这可能是我错过的简单的东西

这是主页的html

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<div id="container">

<div id="loginbox">
<form id="login" action="home.html">
Username: <input type="text" name="user" id="user"><br>
Password: &nbsp;<input type="password" name="password" id="password"><br>
<input type="submit" value="Login" onclick="checkUserName()">
</form>

</div>
</div>

干杯

在这种情况下，您不想提交表单。您只需要在单击登录时调用js函数。因此，请使用普通按钮，而不是提交按钮

<button onclick="checkUserName()">login</button>


用户名：

密码：

登录

您已将按钮声明为提交类型。这就是导致这种行为的原因。将输入替换为您刚刚提交的表单

onclick=“checkUserName（）；返回false”

。或者使用非突兀的技巧

<button onclick="checkUserName()">login</button>