0

我对 jquery 有点陌生，所以请多多包涵。

我正在开发一个注册系统，并且有一个密码和确认密码文本框。每当两个框的内容发生变化时，我想设置确认框的背景颜色。颜色将基于框的内容是否匹配。

编辑 - 我的原始代码根本没有改变背景颜色。我想让它随着用户类型而不是焦点/模糊而改变。

我的代码如下。

<input type="password" name="password" id="newpassword"/>
<input type = "password" name = "confirm" id="confirm"/>
<input type="submit" value="Register" id="Register"/>

<script>
    $(document).ready(function () {
        $('#password').change(function () {
            if ($('#newpassword').val().Equals($('#confirm').val())) {
                $('#confirm').attr("backgroundcolor", "green");
                $('#Register').attr("disabled", "");
            } else {
                $('#confirm').attr("backgroundcolor", "red");
                $('#Register').attr("disabled", "disabled");
            }
        });
        $('#confirm').change(function () {
            if ($('#newpassword').val().Equals($('#confirm').val())) {
                $('#confirm').attr("backgroundcolor", "green");
                $('#Register').attr("disabled", "");
            } else {
                $('#confirm').attr("backgroundcolor", "red");
                $('#Register').attr("disabled", "disabled");
            }
        })
</script>

提前致谢

4

3 回答 3

2

使用 css 方法，因为 backgroundcolor 不是属性。

$('#confirm').css("backgroundColor", "green");
于 2013-07-30T14:01:49.203 回答
1

试试这个代码http://jsfiddle.net/pQpYX/：

$(document).ready(function () {
    $('#confirm').keypress(function (event) {
        if ($('#newpassword').val() == ($('#confirm').val() + String.fromCharCode(event.keyCode))) {
            $('#confirm').css("background-color", "green");
            $('#newpassword').removeAttr("disabled");
        } else {
            $('#confirm').css("background-color", "red");
            $('#newpassword').attr("disabled", "disabled");
        }
    });
});
于 2013-07-30T14:03:32.107 回答
1 
$(document).ready(function () {
    $('#newpassword, #confirm').change(function () {
        var $n = $('#newpassword'),
            $c = $('#confirm'),
            newp = $n.val(),
            conf = $c.val();
        if (newp === conf) {
            $c.css('background-color', 'green');
            $n.prop('disabled', false)
        } else {
            $c.css('background-color', 'red');
            $n.prop('disabled', true)
        }
    });
});

希望这是你想做的。

小提琴

于 2013-07-30T14:12:14.240 回答