如果使用Jquery / CSS，则使用负数更改文本字段背景颜色

Question

我在预算计算器表格中输入以下文字，显示最终余额......

<tr><td align="right"><b>Balance: &pound;</b></td><td align="left"><input type="text" class="res" name="res" id="res" size="10" readonly="readonly"></td></tr>

如果值为负数，如何使用css和jquery将输入的背景设置为红色？

我确信这很简单，但我已经扫描了网络寻找解决方案多年。

请有人帮忙吗？，我的头疼！

Answer 1

$('input').blur(function () {
    $(this).toggleClass('redBackground', $(this).val() < 0);
});

设置一个类redBackground，为你的输入提供红色背景，它应该可以正常工作。

CSS：

input.redBackground {
    background-color: red;
}

Answer 2

您可以使用.bind将onkeyup事件附加到它。

$(document).ready(function(){
$('.res').bind('keyup', function() { 

if($('.res').val() < 0){
 $('.res').css({'background-color':'#FF0000'});
}});
});