How to change the textbox color with repect to error message

Manoj Maharana

10y1.2k.NET

I want to change the error message border color on text box

here is the code:

function ValidateFrom() {

if (document.getElementById("<%=txtCategoryName.ClientID %>").value.trim() == "") {

document.getElementById("<%=dvMessage.ClientID %>").innerHTML = "Please enter Category.";

document.getElementById("<%=txtCategoryName.ClientID %>").focus();

// document.getElmentById(val.controltovalidate).style.border = '3px solid red';

return false;

}

by default in form-control it will takes blue..i want while changes on error message show red border..

18 Replies

Know the answer? Post it — somebody with the same question will find it here.

Midhun Tp10y ago
Accepted answer
Hi,
Did you mean giving outline color for textbox?
If yes you can use below function -
function ValidateFrom() {
if (document.getElementById("<%=txtCategoryName.ClientID %>").value.trim() == "") {
document.getElementById("<%=txtCategoryName.ClientID %>").focus();
document.getElementById("<%=txtCategoryName.ClientID %>").style.outline = '3px solid red';
return false;
}
}
Manoj Maharana10y ago
WILL SHOW A PROBLEM TAHT IF THERE IS TEXT AVAILABLE IN TEXTBOX ALSO SHOW THE ERROR MESSAGE

Manoj Maharana10y ago

Sir i want to show a error message while no datat in text box(validation)..how??

HERE IS MY CODE:

if (document.getElementById("<%=txtCategoryName.ClientID %>").value.trim() == "") { document.getElementById("<%=dvMessage.ClientID %>").innerHTML = "Please enter Category.";  document.getElementById("<%=txtCategoryName.ClientID %>").focus();  document.getElementById("<%=txtCategoryName.ClientID %>").classList.add("ErrorControl"); // document.getElementById("<%=txtCategoryName.ClientID %>").style.outline = '1px solid red'; // document.getElmentById("<%=txtCategoryName.ClientID %>").style.border = '3px solid red'; return false;  } if (document.getElementById("<%=txtCategoryDescription.ClientID %>").value.trim() == "") { document.getElementById("<%=dvMsg.ClientID %>").innerHTML = "Please enter Category Description."; document.getElementById("<%=txtCategoryDescription.ClientID %>").focus(); document.getElementById("<%=txtCategoryDescription.ClientID %>").classList.add("ErrorControl"); // document.getElementById("<%=txtCategoryDescription.ClientID %>").style.outline = '1px solid red'; return false; } }