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 …

Most Commented Post

One Response to “Prevent Postback on Buttons”

Leave a Reply

Comment Policy:

  • You must verify your comment by responding to the automated email that is sent to your email address. Unverified comments will never show.Leave a good comment that adds to the conversation and I'll leave your link in.
  • Leave me pure spam and I'll delete it.
  • Leave a general comment and I'll remove the link but keep the comment.

Notify me of followup comments via e-mail

Bear