how to clear textboxes using javascript?

hi everyone...

Iam new in Client side web

so I got this web page that includes 2 asp.net textboxes & a clear button....what I want here is when i click on the button to clear these 2 textboxes on the browser?

so how can I do that?

<%@ Page Language="C#" MasterPageFile="~/MyMasterPage.master" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

username

<asp:TextBox ID="TextBox1" runat="server" Style="position: static"></asp:TextBox><br />

password

<asp:TextBox ID="TextBox2" runat="server" Style="position: static"></asp:TextBox><br />

<asp:Button ID="ClearButton" runat="server" Style="position: static" Text="Button" />

</asp:Content>

thanks alot

Re: how to clear textboxes using javascript?

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript" language="javascript">
        function ClearTextboxes()
        {
            document.getElementById('TextBox1').value = '';
            document.getElementById('TextBox2').value = '';
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            username
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
            password
            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
            <asp:Button ID="ClearButton" runat="server" Text="Button" CausesValidation="false" OnClientClick="ClearTextboxes();" />
        </div>
    </form>
</body>
</html>

Re: how to clear textboxes using javascript?

Well you can add a reset html button....

or call document.forms[0].reset();

function clear(){
document.getElementById("<%= TextBox1.ClientID %>").value = "";
document.getElementById("<%= TextBox2.ClientID %>").value = "";
}

Eric

Re: how to clear textboxes using javascript?

function clrCtrl() { document.getElementById('ctl00_ContentPlaceHolder1_TextBox1').value = ""; document.getElementById('ctl00_ContentPlaceHolder1_TextBox2').value = ""; }

Re: how to clear textboxes using javascript?

function clrCtrl()
{
document.getElementById('ctl00_ContentPlaceHolder1_TextBox1').value = "";
document.getElementById('ctl00_ContentPlaceHolder1_TextBox2').value = "";
}
<asp:Button ID="ClearButton" runat="server" Style="position: static" Text="Button" OnClientClick="clrCtrl()" />

Re: how to clear textboxes using javascript?

thanks all for replying

well it worked fine with me...

but I got a question: I notice when I click on the button it goes to the server...I can see the Green loading bar down

so Can't I do this without going to the server?

Re: how to clear textboxes using javascript?

Use a regular HTML button instead of an ASP:Button:
<input type="button" value="Clear" onclick="JavaScript: clearTextBoxes();">

Or return false in the OnClientClick event of the ASP:Button:
<asp:Button ... OnClientClick="clearTextBoxes(); return false;" />

NC...

Re: how to clear textboxes using javascript?

thanks alot it worked fine with me

Re: how to clear textboxes using javascript?

NC01

Use a regular HTML button instead of an ASP:Button:
<input type="button" value="Clear" onclick="JavaScript: clearTextBoxes();">

Or return false in the OnClientClick event of the ASP:Button:
<asp:Button ... OnClientClick="clearTextBoxes(); return false;" />

NC...

Well, I try to use your code , but nothing happend

it gives me error in page

I belive your code is right, but I don't know what is wrong with my page

here is my code

   <script type='text/javascript' language='javascript'>

function ClearTextboxes()  
{
try
     {
         document.getElementById('ctl00_BodyContentPlaceHolder_txtSchoolNameEN').value = '';
         document.getElementById('ctl00_BodyContentPlaceHolder_txtSchoolNameAR').value = '';
         document.getElementById('ctl00_BodyContentPlaceHolder_drpGovernmentalDept').selectedIndex = 0;
         document.getElementById('ctl00_BodyContentPlaceHolder_txtNotes').value = '';
     }
 catch(err)
     {var txt='Errot=>'+err.description;/*alert(txt);*/}
 }
        </script>

and I call the function like that

 XX <IMG style="CURSOR: hand" id="ClearForm" onclick="javascript:clearTextBoxes();"
                          src="../images/btncancel.gif" />

but I got that error

Object Expected and it refers to the line XX

any help please ????????

Re: how to clear textboxes using javascript?

Because your function is named ClearTextboxes() and you are calling clearTextBoxes(). Remember that JavaScript is case-sensitive. Try

or change the function name to
function clearTextBoxes()
{
...

NC...

Re: how to clear textboxes using javascript?

Well, it's great, sorry for late reply, I lost my account password !!!! thank you anyway

Re: how to clear textboxes using javascript?

So I take it that fixed your problem?

NC...