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

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

Answer 3

要在页面加载时设置颜色，您可以执行以下操作。

$(function(){
  $('#ID for _userName').css('border-color', color);
});

对于边框颜色，所有其他人告诉，但它应该在表单提交。

<form ... onSubmit="ValidateUser(this)">
... Your form elements ...
</form>

你的JS看起来像这样

function ValidateUser(frmObj){

    if (frmObj._userName.value.trim() == "") {
            errMsg += "\nUserName is a mandatory field.";
            $('#ID for _userName').css('border-color', color);
        }
        else {
            $('#ID for _userName').css('border-color', '');
        }
}

我还建议创建类似Veera解释和使用它的相同逻辑。

Answer 4

我将html元素更改为指定颜色的css类。

只需删除border-color即可将其重置为指定颜色的css类：

_userName.css("border-color", "")

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

4 个答案: