Prevent Postback on Buttons

IMG_1380 Over the weekend I got a question about how to prevent postbacks on buttons from within jQuery tabs.  But the question really isn’t specific to jQuery.  There are other times when you might not want a button to post back.  So how do you do this?

There are several ways you might accomplish this depending on what your goal is.

The first, and most obvious choice, is to not use an ASP:Button control and use an HTML input type=”button” tag instead.  This will allow you to have full control over what is happening on the client side.  If at all possible, this should be your first choice.

<input type="button" value="button name" />

You will need to attach your own JavaScript to this so that it does what you want.

If that doesn’t work for you, then you can make use of the OnClientClick property of the ASP:Button control (this also works for other controls that post back)

<script language="javascript">
    function javascriptfunction() {
    // other code you want to execute on the client side
        return false;
    }
</script>
<asp:Button ID="Button1" runat="server" Text="Button"
    OnClientClick="javascriptFunction" />

The “return false;” in the javascript function will cause the control to not post back.

Other Articles about Preventing PostBack on Buttons

Disable a submit button during Post Back. – C#, ASP.Net, VB.Net – Most of the programmers facing the issue of, how to handle multiple button submits by user at the same time. This article will help you with a small s.

Prevent page postback on enter key press in textbox in asp-net web pag – The asp.net button control has been rendered with “submit” type, which is the reason of page postback when enter key is pressed in any of the …

dotNETspidor: Prevent page postback on enter key press in textbox … – We looked at two ways to prevent page postback on enter-key press in a textbox in asp.net web page. Both the techniques work well. But I would prefer the first one since this would save the extra client side manipulations in the user’s …

Related Post

  • Tab Control ActiveTabIndex Lost on PostbackTab Control ActiveTabIndex Lost on Postback I just got off the phone with a client who is using the MS-AJAX TabControl in one of his applications and any time he causes a postback, the tab resets to the first tab. If you've never […]
  • Response.Redirect() and JavaScriptResponse.Redirect() and JavaScript Yesterday we covered issues surrounding using Response.Redirect in server side code. We noted that not handing it correctly could prevent code from running on the server that we want to […]
  • WinForms – Change The Active TabWinForms – Change The Active Tab This question came in last Friday: I'm trying to code a windows form in vb.net 2005. In my form I have 2 TabControls and a command button. The button is in the first TabControl, so what […]
  • AjaxToolKit TabControl Disabled TabAjaxToolKit TabControl Disabled Tab I just finished an interesting project that involved the AjaxToolKit's Tab control.  The first part of my assignment was to make the Tabs start about 160 pixels to the right of the left […]
  • jQuery – EventsjQuery – Events As well as being able to change the class associated with an element or a set of elements on a screen, jQuery also allows you to fire events.  You might want to do this, for example, if […]

About Dave Bush

Dave Bush is a .NET programmer and Certified ScrumMaster who is passionate about managing risk as it relates to developing software. When he is not writing or speaking about topics related to Application Lifecycle Risk Management (ALRM), he is an example to his peers as he develops web sites in the ASP.NET environment using industry best practices.

  • http://Capturedtech.com Steve @ Captured Technology

    I was thinking of the post back property of the standard server control. Possibly your solution is the only one when using JQuery.

Awards & Certs