javascript - 提交按钮的Onclick元素未调用JS函数

Question

嗨，我很熟悉使用 onsubmit 和 onclick，因为我以前使用过它们，但由于某种原因，这次它不起作用。我查看了我的旧代码并尝试了一切使其完全相同，但它仍然无法运行。

function verifypass()
{
var password = "Testpass";
var string = document.getElementByID("verifybadge");
if(string!=password) {
alert("Wrong password!");
window.location="about:blank";
}
}

<form name="receivingform" method="post">
</br></br>
<b>Please Enter Password to Verify Closure of Ticket: </b> </br>
<input type="text" size="15" maxlength="20" id="verifybadge"> </br>
<input class="button_text" type="submit" value="Delete Closed Rows"      onclick="verifypass();">
</form>

Answer 1

伙计，这是 document.getElementById
顺便说一句，让我们清理一下代码:

HTML:

<form name="receivingform" method="post">
    <br/><br/>
    <b>Please Enter Password to Verify Closure of Ticket: </b> <br/>
    <input type="text" size="15" maxlength="20" id="verifybadge" /> <br/>
    <input class="button_text" type="submit" value="Delete Closed Rows" onclick="verifypass()" />
</form>

Javascript:

function verifypass() {
    var password = "Testpass";
    var string = document.getElementById("verifybadge").value;
    if(string !== password) {
        alert("Wrong password!");
        window.location="about:blank";
    }
}

这段代码有效(注意@John建议的.value)


下面是一个片段:

function verifypass() {
  var password = "Testpass";
  var string = document.getElementById("verifybadge").value;
  if(string !== password) {
    alert("Wrong password!");
    //window.location="about:blank";
  } else alert("yay");
}

<form name="receivingform" method="post">
  <br/><br/>
  <b>Please Enter Password to Verify Closure of Ticket: </b> <br/>
  <input type="text" size="15" maxlength="20" id="verifybadge" /> <br/>
  <input class="button_text" type="button" value="Delete Closed Rows" onclick="verifypass()" />
</form>