unable to clear textbox

Question

2.00/5 (1 vote)

See more:

i used below coding to clear textbox using ., but textbox not getting clear

XML

<script type="text/javascript" language="javascript">
    function clear()
   {
 document.getElementById("<%= txtfname.ClientID %>").value = "";
 document.getElementById("<%= txtlname.ClientID %>").value = "";
   }
   </script>

VB

<asp:Button ID="clear" runat="server" Text="clear" CausesValidation="false"
                        BackColor="#FF8000" Font-Bold="True" OnClientClick="clear()" />

Posted 13-Nov-12 2:33am

Umapathi K

Updated 13-Nov-12 3:58am

fjdiewornncalwe

v2

Add a Solution

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 13-Nov-12 9:05am

Have you checked that the function is called or not when button is clicked ?

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)

deepak.m.shrma · Answer 1 · 2012-11-13T05:38:00

Hey buddy your code is working well. actually have given same clear. that is not reserved keyword but its use by DOM. like document.clear.
so better rename it.
second, you are trying to clear button text. but you are submitting form, its mean when its relaod.. it reload its value thou.
These are some modification i have done in your code. its working well check it

ASP.NET

<asp:textbox id="txtfname" runat="server" xmlns:asp="#unknown" />
   <asp:textbox id="txtlname" runat="server" xmlns:asp="#unknown" />
<asp:button id="clear" runat="server" text="clear" causesvalidation="false" xmlns:asp="#unknown">
                        BackColor="#FF8000" Font-Bold="True" OnClientClick="clearid()" /></asp:button>

script is here..

JavaScript

<script type="text/javascript">
   // function clearid() {
    //   return false;
   // }
    function clearid() {
        document.getElementById("<%= txtfname.ClientID %>").value = "";
        document.getElementById("<%= txtlname.ClientID %>").value = "";
    }

</script>

try this. :-)

Caleb McElrath · Answer 2 · 2012-11-13T03:29:00

From what I have been seeing the function isn't event called. This is what I got working:

Markup:

ASP.NET

<asp:textbox id="txtfname" runat="server" />
<asp:textbox id="txtlname" runat="server" />
<asp:button id="clear" runat="server" text="clear" causesvalidation="false"
     BackColor="#FF8000" Font-Bold="True"
     OnClientClick="return clearTextBoxes(this.id)" />
</asp:button>

A few things to note here:
1. I changed the name of the function. This is because if I were to change it to "clear" the function would not be called. I'm guessing due to a naming conflict.
2. I return the return value of the function.
3. I am passing the function the id of the button. This is to obtain the element ids using javascript instead of ASP.

JavaScript:

JavaScript

function clearTextBoxes(btnId) {
    var selector = btnId.replace("clear", "txtfname");
    var fname = document.getElementById(selector);

    selector = btnId.replace("clear", "txtlname");
    var lname = document.getElementById(selector);
    fname.value = "";
    lname.value = "";
    return true;
}

Here I create the id of the first textbox to use in getElementById. Then I get a local variable containing the first textbox. The same thing is done for the second textbox. After the textboxes are obtained, clearing can commence. Finally I return true. Returning "false" instead would keep from a post back. Returning "true" keeps the post back.

unable to clear textbox

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0