Hi all, i need to remove the css class of my textbox on focus event: jquery: function searchBoxfocus () { document.getElementById(' ').value = ""; $('#txtusername').removeClass('text-label'); $('#txtusername').addClass('glow'); } pls help me out the class "text-label " is not removing.

You know na master page change your asp control id . look your control id in browser viewsource then put this id in $('#txtusername').removeClass('text-label'); $('#txtusername').addClass('glow'); I think your code is right. TRY.

Hi, Try like this without onblur and onfocus in css .text-label:focus { background-color: ghostwhite; } Regards, Iftikar

I have modified ur JS code. Please try this function searchBoxfocus() { var controlName = " "; document.getElementById(controlName).value = ""; $('#' + controlName).removeClass('text-label'); $('#' + controlName).addClass('glow'); }

means your remove class in not working??? replace your class name text-label' as textlabel and try...

thanks a lot,but the glow css class is adding along with the text-label

yes my page is inheriting an master page

is your page in master page????

Answers

how to remove the css class of an asp:textbox using jquery

ashok kumar

11y

7.9k

Hi all,

i need to remove the css class of my textbox on focus event:

jquery:

function searchBoxfocus () {

document.getElementById('<%= txtusername.ClientID%>').value = "";

$('#txtusername').removeClass('text-label');

$('#txtusername').addClass('glow');

}

<asp:TextBox ID="txtusername" runat="server" Text="USER NAME" onblur="searchBoxblur();" onfocus="searchBoxfocus();" CssClass="text-label" AutoPostBack="true"></asp:TextBox>

pls help me out the class "text-label " is not removing.