jquery - 如何在更改输入样式后获取 jquery 默认样式？

Question

我有一个文本输入，我在事件“blur”触发时验证它的值。当该值无效时，我更改输入背景颜色，当我解决错误时，我希望将输入的原始颜色和样式再次设置为它。但是发生了什么事，我在解决错误或收到错误后失去了原始样式，通常在更改输入样式时会发生这种情况。我试图寻找原始样式来重新设置它，但我在 jqueryui styles 中找不到它。需要你的帮助:

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 ??
        }
    });
 });

Answer 1

请使用class 查看 DEMO

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");
        }
    });
 });