0

为什么我的密码字段根本没有更新?在用户单击输入文本字段后,密码字段应该变成红色id="password2",但它似乎不想工作。有什么想法吗?

这是我的 CSS

#denied {
    border: 1px ridge #272727;
    -webkit-box-shadow: inset 1px 2px 5px black;
    box-shadow: inset 1px 2px 5px black;
    height: 40px;
    width: 97%;
    color: #FFF;
    font-size: 18px;
    font-family: dota2fonts;
    padding: 5px;
    background-color: red;
    text-shadow: 1px 3px 5px #000000;
}

这是我的 JavaScript

function initPage() {
    document.getElementById("password2").onblur = checkPassword;
}

function checkPassword() {
    var password1 = document.getElementById("password1").value;
    var password2 = document.getElementById("password2").value;
    if (password1 != password2) {
        password1.className = "denied";
    }
}
4

1 回答 1

2

变量 password1 保存字段的值而不是元素的值。你应该.classname在元素上使用

你应该做的是

document.getElementById("password1").className = "denied";

但你在做

document.getElementById("password1").value.className = "denied";

在您的 CSS 中,它应该是.denied而不是#denied

于 2013-01-31T06:48:09.110 回答