如何使用jquery设置texbox的边框颜色

Question

如何使用jquery设置控件的默认边框颜色.

       if (_userName.val().trim() == "") {
            errMsg += "\nUserName is a mandatory field.";
            _userName.css('border-color', 'red');
        }
        else {
            _userName.css('border-color', 'red');//Set border-color as loaded 
//when page was loaded
        }

如何设置加载页面时加载的border-color.

Answer 1

获取页面加载时的边框颜色并存储在变量中:

$(function(){
  var color = _userName.css('border-color');
});

然后你可以在以后使用它:

 if (_userName.val().trim() == "") {
        errMsg += "\nUserName is a mandatory field.";
        _userName.css('border-color', color);
    }
    else {
        _userName.css('border-color', color);
    }

还要确保至少有一个边框,例如 border:1px solid #colorcode

Answer 2

我建议创建一个名为error的新样式类,并在字段包含错误时将其应用于文本框.代码段:

CSS: .error{border-color:#F00;}

        if (_userName.val().trim() == "") {
            errMsg += "\nUserName is a mandatory field.";
            $("#textboxid").addClass("error");
        }
        else {
            _userName.css('border-color', 'red');//Set border-color as loaded 
            $("#textboxid").removeClass("error");
        }

优点:如果该字段没有任何错误,我们可以删除错误类,文本框外观将返回原始样式.无需显式跟踪原始边框颜色.风格规则也可以重复使用!;-)