Home » ASP.NET » Prevent Postback on Buttons

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 …

 

Other post in ASP.NET

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 […]
  • ASP.NET Cross Domain Form SubmissionASP.NET Cross Domain Form Submission Not to be confused with cross page posting, cross domain submission allows us to post the contents of an ASP.NET form to a completely different domain. To achieve this we will need to […]
  • HttpContext.Items[] vs Session[]HttpContext.Items[] vs Session[] Since .NET first became available, passing data around during a request has become a lot easier.  The ability to set a property has made that so.  Still, there are times when […]
  • ASP.NET Response.Redirect() and JavaScriptASP.NET Response.Redirect() and JavaScript Yesterday we covered issues surrounding using ASP.NET's Response.Redirect in server side code. We noted that not handing it correctly could prevent code from running on the server that we […]
  • 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 […]

About Dave Bush

Dave Bush is a Full Stack ASP.NET developer focusing on ASP.NET, C#, Node.js, JavaScript, HTML, CSS, BootStrap, and Angular.JS.Does your team need additional help in any of the above? Contact Dave today.

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