Question

我只想点击一个按钮，然后，如果你获得了正确的密码，它应该将你重定向到另一个页面，但如果你出错了，它应该什么都不做。

以下代码可以使用，但如果您错误的话，它会将您重定向到成功页面。我只想让它重新定向，只要你做对了。

   <div class="wrapper">
    <form class="form1" action="http://google.com">
        <div class="formtitle">
            Enter the password to proceed
        </div>

        <div class="input nobottomborder">
            <div class="inputtext">
                Password:
            </div>

            <div class="inputcontent">
                <input type="password" id="password" /><br />
            </div>
        </div>

        <div class="buttons">
            <input class="orangebutton" type="submit" value="Login" onclick="if (document.getElementById('password').value == 'hello') alert('Correct Password!'); else alert('Wrong Password!');" />
        </div>
    </form>
</div>

Answer 1

当密码不相同时，您必须添加return false。这可以防止默认操作和事件传播。如果你有这个选项，你也可以使用jquery来获取元素及其值。

这取决于您希望在服务器端或仅在客户端处理的方式。仅在客户端，我们可以将type =“submit”更改为type =“button”。

Answer 2

你可以使用

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="row links">
  <ul>
    <li>link 1</li><li>link 2</li><li>link 3</li>
  </ul>
</div>
<div class="row toShow">
  <div>content 1</div><div>content 2</div><div>content 3</div>
</div>

<div class="row links">
  <ul>
    <li>link 1</li><li>link 2</li><li>link 3</li>
  </ul>
</div>
<div class="row toShow">
  <div>content 1</div><div>content 2</div><div>content 3</div>
</div>

将重定向页面

Answer 3

这应该通过onclick函数完成，而不是if语句内联。糟糕的编程习惯，如果编码正确，将更容易查看和操作。

<input class="orangebutton" type="submit" value="Login" onclick="if (document.getElementById('password').value == 'hello') alert('Correct Password!'); else alert('Wrong Password!');" />

更改为

<input class="orangebutton" type="submit" value="Login" onclick="passCheck()" />

使用passCheck（）函数是应该如何完成的。

Answer 4

主要问题是表单提交，因为它是表单，您需要先禁用此提交，然后验证表单。

检查一下：https://jsfiddle.net/sg8pw2vL/1/

 <div class="wrapper">
        <form method="POST" class="form1" onsubmit="return checkPassword();  return false;">
            <div class="formtitle">
                Enter the password to proceed
            </div>

            <div class="input nobottomborder">
                <div class="inputtext">
                    Password:
                </div>

                <div class="inputcontent">
                    <input type="password" id="password" /><br />
                </div>
            </div>

            <div class="buttons">
                <input class="orangebutton" type="submit" value="Login"  />
            </div>
        </form>
    </div>

   <script>
  function checkPassword(){
   if(document.getElementById('password').value == 'hello'){
    alert('Correct Password!'); 
    location.href="http://google.com";
     } else {
     alert('Wrong Password!');
      return false;
    }
   }
  </script>

输入密码后的JavaScript简单重定向

4 个答案: