How to change the textbox color with repect to error message

Question

I want to change the error message border color on text box here is the code: function ValidateFrom() { if (document.getElementById(" ").value.trim() == "") { document.getElementById(" ").innerHTML = "Please enter Category."; document.getElementById(" ").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..

Midhun Tp · Answer

Hi, Did you mean giving outline color for textbox? If yes you can use below function - function ValidateFrom() { if (document.getElementById(" ").value.trim() == "") { document.getElementById(" ").focus(); document.getElementById(" ").style.outline = '3px solid red'; return false; } }

Midhun Tp · Answer

Hi, Put this in your textbox - onkeyup="checkfunction(this.value)" And create function like below function checkfunction(val) { if (val != "") { document.getElementById(" ").classList.remove("someclass"); } }

Santhakumar Munuswamy · Answer

Hi, Can you refer the below link http://www.aspsnippets.com/Articles/Change-Background-and-Border-Color-of-Invalid-Controls-when-Validation-fails-in-ASP.Net.aspx

Manoj Maharana · Answer

WILL SHOW A PROBLEM TAHT IF THERE IS TEXT AVAILABLE IN TEXTBOX ALSO SHOW THE ERROR MESSAGE

Manoj Maharana · Answer

Sir i want to show a error message while no datat in text box(validation)..how?? HERE IS MY CODE: if ( document . getElementById ( " " ). value . trim () == "" ) { document . getElementById ( " " ). innerHTML = "Please enter Category." ; document . getElementById ( " " ). focus (); document . getElementById ( " " ). classList . add ( "ErrorControl" ); // document.getElementById(" ").style.outline = '1px solid red'; // document.getElmentById(" ").style.border = '3px solid red'; return false ; } if ( document . getElementById ( " " ). value . trim () == "" ) { document . getElementById ( " " ). innerHTML = "Please enter Category Description." ; document . getElementById ( " " ). focus (); document . getElementById ( " " ). classList . add ( "ErrorControl" ); // document.getElementById(" ").style.outline = '1px solid red'; return false ; } } function checkfunction ( val ) { if ( val != "" ) { document . getElementById ( " " ). classList . remove ( "ErrorControl" ); // document.getElementById(" ").style.display = 'none'; document . getElementById ( " " ). classList . remove ( "ErrorControl" ); // document.getElementById(" ").style.display = 'none'; } } script > div class = "field" > div id = "dvMessage" runat = "server" style = "color: Red" > div > Category Name * em > label > asp : TextBox ID = "txtCategoryName" runat = "server" CssClass = "form-01-control" onkeyup = "checkfunction(this.value)" placeholder = "Enter Category Name" > asp : TextBox > div > div id = "dvMsg" runat = "server" style = "color: Red" > div > Category Description * em > label > asp : TextBox ID = "txtCategoryDescription" runat = "server" CssClass = "form-01-control" onkeyup = "checkfunction(this.value)" placeholder = "Enter Category Description" > asp : TextBox > div > Parent Category label > asp : DropDownList ID = "ddlParentCategory" runat = "server" Width = "250px" class = "form-01-control" > asp : DropDownList > div > Category Image label > asp : FileUpload ID = "fuImage" runat = "server" /> asp : Image ID = "imgCategory" Width = "100" Height = "100" runat = "server" /> div > div >

Midhun Tp · Answer

Hi, I didn't understand. What is the error?

Manoj Maharana · Answer

Sir i have problem in error message..i want to show the error message properly in above code..???

Midhun Tp · Answer

Hi, Try this - $(document).ready(function () { var href = window.location.href.toUpperCase(); $("ul.treeview-menu > li > a").each(function () { if (href.indexOf($(this).attr("href").toUpperCase()) > 0) { $(this).parent('li').addClass('someclass'); } }); });

Manoj Maharana · Answer

without taking id is there any otherway in javascript or jquery??

Midhun Tp · Answer

Hi, Why can't you just give li an id and add some class to that id on the click function and give style in that class, just like we done in textbox.

Manoj Maharana · Answer

.skin-blue .treeview-menu>li>a { color : #8aa4af ; } just like above css.. In dropdown list SETTING CATEGORY MANAGEMENT ADD CATEGORY EMAIL MANAGEMENT CHANGE PASSWORD Here if i click on CATEGORY MANAGEMNT i want to glow(Changes the CATEGORY MANAGEMENT COLOR TO WHITE)

Midhun Tp · Answer

Hi, What you mean by glowing an li? If it is giving border you can try same method.

Manoj Maharana · Answer

How to glow the particular selected li??

Manoj Maharana · Answer

Midhun T P Super..Thank you..

Manoj Maharana · Answer

And once values are entered in textbox, you can call a function on keydown event of textbox which will remove this class like below???? How?? can you just post some example?? How to check is there any text available on textbox or not??

Midhun Tp · Answer

Hi, For that it is better to manage by class. In validation function add class like this - document.getElementById(" ").classList.add("someclass"); And once values are entered in textbox, you can call a function on keydown event of textbox which will remove this class like below document.getElementById(" ").classList.remove("someclass");

Manoj Maharana · Answer

Problem is that suppose if a blank text in textbox then in click button it will shows a red text border and after fill it with text i want to disappear the border color red to blue?? how to do??

Manoj Maharana · Answer

Yes the red color border comes and overlap the blue and red