我无法让我的 JavaScript 函数在资源管理器中工作

Question

I am having Trouble getting my JavaScript function to work in Internet explorer. It works in all browsers other then explorer.

The user clicks on a button, which calls a function that checks to see if the password is correct. If its correct it takes the user to "members only page" if it is incorrect it tells the user that the password is incorrect

<script>
    function myFunction2() {
        if (PasswordTextbox2.value == "!2008Buzzer1") {
            location.href = '/JnHSDHdM3gDOEffDUt68HJHU.aspx'
        } else {
            document.getElementById("ErrorLocation").innerHTML = "Your Password is incorrect";
        }
    }
</script>
<input type="text" name="PasswordTextbox2" id="PasswordTextbox2">
<input type="button" onclick="myFunction2()" value='Submit'>
<p style="color: red" id="ErrorLocation"></p>

Answer 1

You should avoid referencing elements by their name / ID directly, it's a non-standard feature.

Instead use document.getElementById() , and the other .get* , & .query* methods exclusively.

You should also know that storing a password in JavaScript offers no real security. This JavaScript runs on the client's machine - anyone who has access to your page can see this password.

 function myFunction2() { var password = document.getElementById('PasswordTextbox2'), error = document.getElementById("ErrorLocation"); if (password.value == "!2008Buzzer1") { location.href = '/JnHSDHdM3gDOEffDUt68HJHU.aspx'; } else { error.innerHTML = "Your Password is incorrect"; } }

 <input type="text" name="PasswordTextbox2" id="PasswordTextbox2"> <input type="button" onclick="myFunction2()" value='Submit'> <p style="color: red" id="ErrorLocation"></p>