resetting the textbox through client side using javascript in asp.net

Question

I want to reset the text box through client side using javascript. I used following ways to reset the textbox. But, they are not resetting.

cText = "";
document.getElementById("<%=txtText.ClientID %>").value = cText;

and

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

Please can anyone help me in this?

code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript">
        function validate() {
            var cText = document.getElementById('<%=txtText.ClientID %>').value;

            if (cText != "") {
                alert("Text is not null.");
                document.forms['UserMaster'].elements['txtText'].focus();
                $("#<%=txtText.ClientID %>").val("");
                return false;
            }

            return true;
        };
    </script>
</head>
<body>
    <form id="form" runat="server">
    <div class="page">
                <asp:TextBox ID="txtText" runat="server"></asp:TextBox>
                <br/>
                <asp:Button ID="btnSubmit" runat="server" Text="Submit" Font-Bold="true" OnClientClick="return validate()" 
                ForeColor="#9370DB" Height="23px" Width="65px" OnClick="btnSubmit_Click"
                />
            <br />
   </div>
     </form>
</body>
</html>

how about this one : document.getElementById('<%=txtText.ClientID %>').innerText=''; — Krunal Patil
– Krunal Patil, Commented May 21, 2014 at 7:38

Krunal Patil · Accepted Answer · 2014-05-21 09:32:18Z

1

Here is the solution for your issues:

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

you were using double quotes which was not working for you, whereas you need to use single quotes as show in the above code. This was your issues.

.value=" ";   //is Wrong

Happy Coding.

edited May 21, 2014 at 9:32

answered May 21, 2014 at 9:12

Krunal Patil

3,6745 gold badges24 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Shruti · Accepted Answer · 2014-06-18 16:22:49Z

0

I had the same problem and using this helped me solve the issue. Here you can inspect the control from the browser and get the ID of that control.

// ControkClientID is the ID from Inspect element
document.getElementById(ControlClientID).value='';

answered Jun 18, 2014 at 16:22

Shruti

13 bronze badges

Collectives™ on Stack Overflow

resetting the textbox through client side using javascript in asp.net

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related