Question

!!!已解决!!!

因此，我对HTML，CSS和Java相当陌生，对我来说几乎是陌生的。我使用上一个问题的人的帮助来做到这一点。登录代码以前可以正常工作，但是现在无法正常工作了，我真的无法弄清楚问题出在哪里，因为对我而言一切似乎都很好。它的工作方式是，在（labavakara.neocities.org）中以表格形式输入“ admin”和“ labadiena”，然后将您发送到我自己的另一个网站。

有人知道我做错了吗？

功能检查（表单）应查看在表单框中输入的内容，然后查看其是否与正确的用户匹配并通过。

当我转到站点并检查元素时，然后检查控制台-0个错误。

代码

<!DOCTYPE html>

<html>

<head>


<style>
div {
    height: 200px;
    width: 400px;

    position: fixed;
    top: 50%;
    left: 55%;
    margin-top: -100px;
    margin-left: -200px;
}
body {
 background-image: url("backg.png");
 background-color: #cccccc;
}
function {
  color: red;
}


</style>

<body>


  <script>
function check(form)
{

 if(form.loginInput.value == "admin" && form.passwordInput.value == "labadiena")
  {
    window.location.href = "https://labavakara.neocities.org/trysketuri.html";
  }
 else
 {
   alert("Error Password or Username")
  }
}


  </script>



  <div>
     <title>Login</title>



<form>
        <p><input style="background-color:red;color:black;border:1px solid #ff0000" type="text" id="loginInput" name="login" value="" placeholder="Username"></p>
        <p><input style="background-color:red;color:black;border:1px solid #ff0000" type="password" id="passwordInput" name="password" value="" placeholder="********"></p>
           <a class="submit"><input style="color:blue" type="submit" id="loginbutton" onclick="check(this.form)" name="commit" value="Login"><br>
             <label id="userMessage" style="visibility:hidden;"></label>


</a>

  </form>

    </div>

</body>

</html>

Answer 1

在用于提交表单的输入按钮中使用type =“ button”

<a class="submit"><input style="color:blue" type="button" id="loginbutton" onclick="check(this.form)" name="commit" value="Login"><br>
         <label id="userMessage" style="visibility:hidden;"></label>

Ref：How to prevent page from reloading after form submit - JQuery

由于您使用的是type = submit，因此您的页面已重新加载。

HTML Javascript无法登录

1 个答案: