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

ashok kumar

13y8.2k

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

}

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

7 Replies

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

Ravi Shekhar13y ago
Accepted answer
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.
Iftikar Hussain13y ago
Hi,
Try like this without onblur and onfocus

in css
.text-label:focus {
background-color: ghostwhite;
}

Regards,
Iftikar
Ravi Shekhar13y ago
means your remove class in not working???

replace your class name text-label' as textlabel and try...
ashok kumar13y ago
thanks a lot,but the glow css class is adding along with the text-label
Riyaz Akhtar13y ago
I have modified ur JS code. Please try this

function searchBoxfocus() {
var controlName = "<%= txtusername.ClientID%>";
document.getElementById(controlName).value = "";
$('#' + controlName).removeClass('text-label');
$('#' + controlName).addClass('glow');

}
ashok kumar13y ago
yes my page is inheriting an master page
Ravi Shekhar13y ago
is your page in master page????