Using jQuery to Prevent ASP.NET Server Side Events from Occuring

I recently was wiring up the ASP.NET Button control with jQuery and checking out the different events related to the same. I also wanted to see if it was possible to stop a server side event from occuring using jQuery.

For example: I have an ASP.NET button control which causes a postback when it is clicked. However what if you want to check a condition at ClientSide and then allow the postback to occur. Here's how to prevent a postback from occuring using jQuery.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">


<html xmlns="">

<head runat="server">


    <script src="Scripts/jquery-1.3.2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function() {

            $("#<%=Button1.ClientID %>").click(function() {

                // check a condition

                if ("a" == "b")

                    return true;


                    return false;






    <form id="form1" runat="server">


        <asp:Button ID="Button1" runat="server" Text="Click Me"

            onclick="Button1_Click" />





About The Author

Suprotim Agarwal
Suprotim Agarwal, Developer Technologies MVP (Microsoft Most Valuable Professional) is the founder and contributor for DevCurry, DotNetCurry and SQLServerCurry. He is the Chief Editor of a Developer Magazine called DNC Magazine. He has also authored two Books - 51 Recipes using jQuery with ASP.NET Controls. and The Absolutely Awesome jQuery CookBook.

Follow him on twitter @suprotimagarwal.

No comments: