How to implement a click event on textbox in ASP.NET?

Question

In my web application I need a functionality so that when users click on textbox to input values, it should make the button and the other fields visible?

I am using the code provided below but, could not get it working.

C#:

protected void TextBox1_Click(object sender, EventArgs e)
{
    ButtonSearch.Visible = true;
}

ASP.NET:

<asp:TextBox ID="TextBox1" runat="server" OnTextChanged="TextBox1_TextChanged" OnClick="TextBox1_Click"></asp:TextBox>
<asp:Button ID="ButtonSearch" runat="server" OnClick="ButtonSearch_Click" Text="Search" Visible="False" />

How to accomplish this?

Justin Lessard · Accepted Answer · 2014-05-13 00:46:04Z

2

Set AutoPostback="True". This way the event will be fired server-side, and the button will become visible.

<asp:TextBox ID="TextBox1" runat="server" OnTextChanged="TextBox1_TextChanged"     OnClick="TextBox1_Click" AutoPostBack="true"></asp:TextBox>

However, if you only want to toogle visility of a button, you really should considerate javascript. This will save a trip back to the server.

<asp:TextBox onclick="txtBox1_ClientClicked()" ID="TextBox1" runat="server" OnClick="TextBox1_Click"></asp:TextBox>

<asp:Button ID="ButtonSearch" runat="server" OnClick="ButtonSearch_Click" Text="Search" style="display:none;" />

<script type="text/javascript">
    function txtBox1_ClientClicked(){
        var theButton = document.getElementById('<%=ButtonSearch.ClientID%>');
        theButton.style.display = 'block';
    }
</script>

edited May 13, 2014 at 0:46

answered May 13, 2014 at 0:26

Justin Lessard

12.2k7 gold badges53 silver badges63 bronze badges

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

Comments

Anirudha Gupta · Accepted Answer · 2014-05-13 00:40:58Z

0

$("<%= ButtonSearch.ClientID %>").click(function(){
$("#TextBox1").show():
});

In this code you need to pass fields ID which you want to visible on the click of button.

answered May 13, 2014 at 0:40

Anirudha Gupta

9,3579 gold badges58 silver badges84 bronze badges

Comments

burcu · Accepted Answer · 2016-02-15 11:36:25Z

0

Put the textbox inside a div and use the div's onClick event from codebehind. It's not what you asked but it works for me without any errors. Here is a javascript function to implement requested event:

function toggleVisibility() 
{
document.getElementById('TextBox1').disabled = true;
            /*
            ...some other code...
            */
}

And of course, you have to define your onclick event at the div definition after implementing this JS function.

<div id="TBdiv" onClick="toggleVisibility()">
<asp:TextBox ID="TextBox1"..../>
</div>

IMPORTANT: Since you now disabled your TextBox from codebehind, you have to enable it in somewhere before you want to use it again. Otherwise you will not see it while the page is running.

edited Feb 15, 2016 at 11:36

answered Feb 15, 2016 at 7:29

burcu

5264 silver badges16 bronze badges

Comments

TylerH · Accepted Answer · 2020-06-17 22:13:41Z

0

jQuery is the perfect solution for your problem. The code would be something like this:

$("#TextBox1").on("click",function(){$("#ButtonSearch").css("visibility", "visible");})

You include the script by adding <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> to the page and then you can add the piece of code above to within <script></script> tags.

edited Jun 17, 2020 at 22:13

TylerH

21.3k84 gold badges84 silver badges121 bronze badges

answered May 13, 2014 at 0:23

thispatchofsky

8546 silver badges16 bronze badges

2 Comments

user1144852 Over a year ago

This question looks so silly but, I have never used jquery before.where should I add this portion of code?

thispatchofsky Over a year ago

I have updated the answer. Let me know if that answers your question.

stripthesoul · Accepted Answer · 2014-05-13 00:36:09Z

-1

You do not need to post back to the server to accomplish your job. You can use client side onFocus event and javascript/jquery, for example.

I know I used an input of type text, and you are using an ASP Control which posts on server, but here is a JSFiddle to get you on the right track: http://jsfiddle.net/Mmjtz/1/

answered May 13, 2014 at 0:36

stripthesoul

3701 silver badge8 bronze badges

Collectives™ on Stack Overflow

How to implement a click event on textbox in ASP.NET?

5 Answers 5

Comments

Comments

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related