谁能告诉我这个 javaScript 代码有什么问题？答案

【问题标题】：Can anyone tell me what's the problem with this javaScript code?谁能告诉我这个 javaScript 代码有什么问题？
【发布时间】：2021-09-06 14:55:36
【问题描述】：

function fun() {
    
    var name = document.forms["myForm"]["name"].value;
    var admin = "admin";
    var user = "user";
    var master = "master";
    
    if (name == "") {
      alert("PLEASE ENTER YOUR UID and PASSWORD");
    }
    else if (name == user){
      window.location.href = "form1.html";
    }
    else if (name == admin) {
      window.location.href = "admin.html"
    }
    else if (name == master){
      window.location.href = "master-admin.html"
    }
    else{
      alert("Please give a valid id");
    }
  }

表格代码在这里：-

<form method="POST" id="myForm" name="myForm" action="">
    <input type="text" name="name" placeholder="Username" id="name" required/>
    <br />
    <input type="password" name="password" placeholder="Password" id="pass" required/>
    <br />
    <button type="submit" onclick="fun()">LOGIN</button><br />
    <button type="button">SIGN UP</button><br />
</form>

我正在尝试使用 3 个不同的凭据导航到 3 个不同的页面，但在登录期间它没有导航到任何页面。请告诉我我正在做的错误......

【问题讨论】：

在将 URL 分配给 window.location.href 时，您需要添加“/”（正斜杠）。例如：window.location.href = "/form1.html";
您可以将登录按钮的按钮类型更改为“按钮”。

标签： javascript html css reactjs

【解决方案1】：

我测试了您的代码。但结果是好的。您确定 form1.html、admin.html 和 master-admin.html 是否与包含 fun 功能的 html 位于同一目录中？我认为有一个错误。请检查。

【讨论】：