javascript - 我想要按钮，单击它时首先检查密码，如果密码为 abcd，则显示另一个提交按钮，否则显示警报

Question

 <form action="#" method="post" target="_blank">
        <div id = "another sub">
        </br>
        <input type = "password" size = "25px" id="pswd">
        </br>
        </div>
        <button><a href="table.html" target="_blank" onclick="checkAddress('password');" >Submit</a></button>
<script>
        function checkAddress(field){
            var val = document.getElementById("pswd").value;
            if  (val === "abcd"){
                alert ("Matched");
            }
            else {
                alert("Try for Next Time");
            }
        }
        </script>
    </form>

我在这里有一个表格，它首先检查密码而不是转到另一个页面

Answer 1

您必须在表单标签下方添加您的脚本标签，或者您可以在页面末尾的正文结束标签之前添加它，请确保在页面中包含 js

<form action="#" method="post" target="_blank">
    <div id = "another sub">
    </br>
    <input type = "password" size = "25px" id="pswd">
    </br>
    </div>
    <button onclick="checkAddress('password');">Submit</button>
</form>
 <script>
    function checkAddress(field){
        var val = document.getElementById("pswd").value;
        if  (val === "abcd"){
            alert ("Redirect To page if Matched Found");
            window.location = "http://www.redirecturlhere.com/"
        }
        else {
            alert("Try for Next Time");
        }
    }
    </script>

Answer 2

在您的情况下，您不需要<form>和<a>标签。当密码输入正确时重定向。

function checkAddress(field) {
  var val = document.getElementById("pswd").value;
  if (val === "abcd") {
    alert("Matched");
    document.location.href = 'table.html';
  } else {
    alert("Try for Next Time");
  }
}

<div id="another sub">
  <input type="password" size="25px" id="pswd">
</div>
<button onclick="checkAddress();">Submit</button>

Answer 3

不要使用表单来避免重新加载：

function checkAddress(field) {
  var val = document.getElementById("pswd").value;
  if (val == "abcd") {
    alert("Matched");
    location.href = "table.html";
  } else {
    alert("Try for Next Time");
  }
}

<div id="another sub">
  <input type="password" size="25px" id="pswd">
</div>
<button onclick="checkAddress()">Submit</button>

Answer 4

不使用内联 js 是明智的，使用加载的 examplename.js 文件会是更好的解决方案。

function checkAddress(field) {
  var val = document.getElementById("pswd").value;
  if (val === "abcd") {
    alert("Matched");
    document.location.href = 'table.html';
  } else {
    alert("Try for Next Time");
  }
}

<div id="another sub">
  <input type="password" size="25px" id="pswd">
</div>
<button onclick="checkAddress();">Submit</button>