Question

我正在尝试使用html和javascript创建一个简单的登录表单，但每当我使用window.location.replace更改为下一页时，它都无法正常工作。如果我的密码错误，它可以正常工作，但如果我说得对，那么它可以将表单提交到网址（url.com/?pswrd=password）。我不想为这个项目使用SQL或任何类型的密码保护。

        <form onsubmit="checkForm(this)">
        <input id="password"
         type="password"
         name="pswrd"/>

        <input id="btn" onclick="checkForm(this.form)" type="submit" value="Login" class="hvr-float-shadow"/>
    </form>
    </font>
    <script>
        function checkForm(form) {
             if(form.pswrd.value == "[censored]") {
                window.location.replace('/indexproxy.php')
            }
             else if(form.pswrd.value == "[censored]") {
                window.location.replace('/indexproxy.php')
            }
             else if(form.pswrd.value == "[censored]") {
                window.location.replace('/indexproxy.php')
            }
             else if(form.pswrd.value == "[censored]") {
                window.location.replace('/indexproxy.php')
            }
             else if(form.pswrd.value == "[censored]") {
                window.location.replace('/indexproxy.php')
            }
             else if(form.pswrd.value == "[censored]") {
                window.location.replace('/indexproxy.php')
            }
            else {
                alert("Incorrect access code, please try again.");
            }
 };
    </script>
<font face=arial color=white size=2>
<p>All access codes are CaSe SeNsiTIVE</p>

Answer 1

表单正在提交，因为您正在点击表单中的提交按钮。

改为使用type="button"。

更好的是，移动您的逻辑服务器端，人们可以通过查看来源找到您的密码。

Answer 2

你可以做那样的事情

chage form标签

＆＃13;

<form onsubmit="checkForm(this)">

＆＃13;

对此

＆＃13;

<form onsubmit="return checkForm(this)" method="post" action="indexproxy.php">

＆＃13;

这就是函数

＆＃13;

function checkForm(form) {
       if(form.pswrd.value == "[censored]") {
          return true;
      }
      else if(form.pswrd.value == "[censored]") {
          return true;
      }
      else if(form.pswrd.value == "[censored]") {
          return true;
      }
      else if(form.pswrd.value == "[censored]") {
          return true;
      }
      return false;
 };

＆＃13;

因此，如果您的密码正确，表单会将您发送到indexproxy.php页面，否则它将停止

window.location.replace登录表单问题（html，javascript）

2 个答案: