3

我有一个文本输入，当事件“模糊”触发时我验证它的值。当值无效时，我更改了输入背景颜色，当我解决了错误时，我希望重新设置输入的原始颜色和样式。但是在解决错误或收到错误后我失去了原来的风格，通常是在改变输入的风格时发生的。我试图寻找原始样式来重新设置它，但我在 jqueryui 样式中找不到它。需要你的帮助 ：

HTML 代码：

<input type='text' name='val1' id='val1'/>

jQuery代码：

function is_numeric(value)
{
    var pattern= new RegExp(/^[0-9]+$/);
    return pattern.test(value);
}

$(document).ready(function ()
{
 $('#val1').blur(function()
    {
        if(!is_numeric($('#val1').val()))
        {
            $('#val1').css('background-color','#E65050');
        }
        else
        {
            $('#va1').css('background-color','white '); /// here ??
        }
    });
 });
4

4 回答 4

2

请使用class 查看演示

CSS

.error {background-color:#E65050}

jQuery

function is_numeric(value)
{
    var pattern= new RegExp(/^[0-9]+$/);
    return pattern.test(value);
}

$(document).ready(function ()
{
 $('#val1').blur(function()
    {
        if(!is_numeric($('#val1').val()))
        {
            $('#val1').addClass('error');
        }
        else
        {
            $('#va1').removeClass("error");
        }
    });
 });
于 2012-12-27T12:51:51.883 回答
1

为什么不将其存储在准备好的文档中：

$(document).ready(function ()
{
   var defColor = $('#val1').css('background-color');

   $('#val1').blur(function()
   {
    ...
    $('#val1').css('background-color', defColor);
于 2012-12-27T12:45:37.107 回答
1

代替

  $('#va1').css('background-color','white '); /// here ??

利用

  $('#va1').css('background-color','');
于 2012-12-27T14:05:24.943 回答
1

你注意到拼写错误了吗：

$('#va1').css('background-color','white ');

应该是这样的

$('#val1').css('background-color','white ');
于 2012-12-28T19:09:57.597 回答