How to use Button ClientClick event in asp.net

Button ClientClick event
The Button web server control displays a push button control on the Web page. The Button lets users post a page to the server. The control triggers an event in server code that asp.net developers can handle to respond to the postback. The Button can also raise an event in the client script that developers can handle before the page is posted or that can run and then cancel the submission of the page.

The following asp.net c# tutorial code demonstrates how we can trigger the Button ClientClick event. In this tutorial, we showed an alert message on the web browser using the Button ClientClick event. The developers have to set the Button OnClientClick property to use the ClientClick event.

The Button OnClientClick property gets or sets the client-side script that executes when a Button control's Click event is raised. This property value is a String which is the client-side script that executes when a Button control's Click event is raised.

The asp.net c# developers can use the OnClientClick property to specify the additional client-side script that executes when a Button control's Click event is raised. The script that developers specify for this OnClientClick property is rendered in the Button control's OnClick attribute in addition to the control's predefined client-side script.
OnClientClickExample.aspx

<%@ Page Language="C#" %>

<!DOCTYPE html>

<script runat="server">
    protected void Button2_Click(object sender, System.EventArgs e) {
        Label1.Text = "Button2 Clicked!";
    }
</script>

<script  type="text/javascript">
    function AlertOnClientClick()
    {
        alert('OnClientClick event triggered!');
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>asp.net Button example: how to use OnClientClick event</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Purple">Using OnClientClick event</h2>
        <asp:Label ID="Label1" runat="server" Font-Size="Large" ForeColor="DarkGreen"></asp:Label>
        <br /><br />
        <asp:Button ID="Button1" runat="server" Text="Click Me" OnClientClick="AlertOnClientClick()" Font-Bold="true" ForeColor="Teal" />
        <asp:Button ID="Button2" runat="server" Text="Button2" OnClick="Button2_Click" Font-Bold="true" ForeColor="Teal" />
    </div>
    </form>
</body>
</html>
Related asp.net example