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

如何使用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
        }

---

如何在加载页面时将边框颜色设置为已加载。

在页面加载时获取边框颜色，并将其存储在变量中：

$(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

我会给正在更改的html元素一个指定颜色的css类

只需删除边框颜色即可将其重置为css类指定的颜色：

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

---

我建议创建一个名为error的新样式类，并在字段包含error时将其应用于textbox。代码段：

CSS:

。错误{边框颜色：#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");
        }

---

优点：如果字段没有任何错误，我们可以删除error类，文本框的外观将恢复到原始样式。无需显式跟踪原始边框颜色。而且样式规则也是可重用的！；-）

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

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

对于边框颜色，如所有其他说明所示，但应在表单提交上

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

---

我还将建议使用与Veera所解释的相同的逻辑创建一个类，并使用它

如何在页面加载时获得颜色？@shantanugupta：我在回答

var color=\u userName.css（“border-color”）

您需要将该行放入jquery的窗口或就绪处理程序的

load

偶数中。

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', '');
        }
}