Empty a label on textbox focus

Question

0.00/5 (No votes)

See more:

HI All,,

I am using a label to display some message on the basis of textboxes,,, Problem is that I want that label to be emptied again when I start to write in the textbox again....

Can anybody give me the hint to do that.. coz i m unable to find any useful event to do that.

:-(

Posted 19-Jun-13 21:13pm

VICK

Updated 19-Jun-13 21:27pm

CPallini

v3

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 1 · 2013-06-19T21:27:00

Solution 1

1. Add onFocus event to TextBox.

XML

<asp:TextBox id="TextBox1" runat="server" onfocus="EmptyLabel()"></asp:TextBox>

2. Write the javaScript function.

JavaScript

<script type="text/javascript">
    function EmptyLabel()
    {
        document.getElementById("lblId").value = "";
    }
</script>

Posted 19-Jun-13 21:27pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Updated 19-Jun-13 21:28pm

v2

Comments

VICK 20-Jun-13 7:56am

Extremely Sorry to bother your dear.. but I have tried your given solution as well as tried the solution by CPallini,, but both are not working.. Actually I am using those controls(textboxes and label) in a table and that table is only populating through a Jquery.. So I am afraid that already working Jquery is stopping all this.. I am novice in this field,, so Kindly guide...

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 20-Jun-13 8:35am

Not working, means, are you facing any problem?

If it is populating through through jQuery, then also dynamically add the events to the controls. Else post the codes here or you can create a fiddle so that I can check.

VICK 20-Jun-13 8:38am

well.. I DID ALL THE THINGS IN THE WAY YOU TOLD ABOVE LIKE..

i added the script as it is in ht Header Tag of Design Page.
While I added the "onfocus="EmptyLabel()"" in that textbox from whose focus I want the label to be emptied...But stillthe label is showing same even after populating the textbox next time... :(

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 20-Jun-13 8:58am

Ok. Have you changed the id of label according to your label id.

And yes, please see on Console tab of FireBug in FireFox, if there are any issues reported.

VICK 21-Jun-13 0:34am

Ya I have changed the lblId to lblInfo which is the ID of my label used.. but same.. :( and there is no issue reported in firebug tooo.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 21-Jun-13 1:59am

Ok, can you create a fiddle for me to check?

VICK 21-Jun-13 2:05am

Sorry Tadit,, My English is not much good,, so I am unable to understand the fiddle.. can u elaborate.?? will be thankful...

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 21-Jun-13 3:46am

Go to- www.jsfiddle.net
You can create one fiddle by providing the html on the top box, css on right and javascript on bottom. So, it will be an online reference of your page for me. You can save that fiddle and give me the link.

CPallini · Answer 2 · 2013-06-19T21:29:00

Solution 2

Empty the label content in TextBox.GotFocus[^] event handler.

Posted 19-Jun-13 21:29pm

CPallini

Comments

VICK 20-Jun-13 7:56am

Extremely Sorry to bother your dear.. but I have tried your given solution as well as tried the solution by Tadit Dash,, but both are not working.. Actually I am using those controls(textboxes and label) in a table and that table is only populating through a Jquery.. So I am afraid that already working Jquery is stopping all this.. I am novice in this field,, so Kindly guide...