Jquery 文本元素背景颜色更改
我对jquery有点陌生,所以请容忍我 我在注册系统上工作,有密码和确认密码文本框。我想在两个框的内容发生变化时设置确认框的背景色。颜色取决于盒子的内容是否匹配 编辑- 我的原始代码根本没有改变背景色。我想让它随着用户类型而改变,而不是聚焦/模糊 我的代码如下Jquery 文本元素背景颜色更改,jquery,razor,Jquery,Razor,我对jquery有点陌生,所以请容忍我 我在注册系统上工作,有密码和确认密码文本框。我想在两个框的内容发生变化时设置确认框的背景色。颜色取决于盒子的内容是否匹配 编辑- 我的原始代码根本没有改变背景色。我想让它随着用户类型而改变,而不是聚焦/模糊 我的代码如下 <input type="password" name="password" id="newpassword"/> <input type = "password" name = "confirm" id="confir
<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>
$(文档).ready(函数(){
$('#密码')。更改(函数(){
如果($('#newpassword').val()等于($('#confirm').val()){
$('确认').attr(“背景色”,“绿色”);
$('#Register').attr(“disabled”,“disabled”);
}否则{
$('确认').attr(“背景色”,“红色”);
$('#Register').attr(“disabled”、“disabled”);
}
});
$('#确认')。更改(函数(){
如果($('#newpassword').val()等于($('#confirm').val()){
$('确认').attr(“背景色”,“绿色”);
$('#Register').attr(“disabled”,“disabled”);
}否则{
$('确认').attr(“背景色”,“红色”);
$('#Register').attr(“disabled”、“disabled”);
}
})
提前感谢使用css方法,因为backgroundcolor不是属性
$('#confirm').css("backgroundColor", "green");
使用css方法,因为backgroundcolor不是属性
$('#confirm').css("backgroundColor", "green");
请尝试以下代码:
请尝试以下代码:
希望这就是你想要做的
希望这就是你想要做的
和?什么不起作用?错误消息?以及您遇到的问题您退出了
})代码>在末尾。缺少的});是复制/粘贴jquery相关部分的结果。我错过了结尾的括号。还有?什么不起作用?错误消息?以及您面临的问题(您留下了})代码>在末尾。缺少的});是复制/粘贴jquery相关部分的结果。我错过了结束括号。backgroundcolor不是css属性。这只是问题之一。没错。。write backgroundColor(它在jQuery中也起作用)backgroundColor不是css属性。这只是问题之一。没错。。编写backgroundColor(它也在jQuery中工作)谢谢您这是一个非常优雅的解决方案。但是,您禁用了错误的元素。它应该禁用注册按钮。我已将更改功能更改为按键,这似乎更符合我的要求。@DocSmiley啊我现在看到了,不知道为什么我认为应该禁用新密码谢谢这是一个非常优雅的解决方案。但是,您禁用了错误的元素。它应该禁用注册按钮。我已将更改功能更改为按键,这似乎更符合我的要求。@DocSmiley啊,我现在看到了,不知道为什么我认为应该禁用新密码
$(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)
}
});
});