Execute JavaScript function when clicking on ASP.NET button

Question

I have a button:

<asp:Button
    runat="server"
    ID="btNew"
    OnClick="ButtonNew_Click"
    Text="New" />

I have the OnClick method:

protected void ButtonNew_Click(object sender, EventArgs e)
{

}

On the same page (.aspx), I have a JavaScript function:

function MyCheck()
{
    // Return true or false
}

I'd like when I click on the button to execute the JavaScript function (MyCheck()). If true, execute ButtonNew_Click(). If false, don't execute ButtonNew_Click().

Any ideas?

Peter Mortensen · Accepted Answer · 2016-04-20 00:14:05Z

5

Use:

function clientfunction()
{
    // Do the client side validations here.

    // Now call the server side button event explicitly
    __doPostBack('OnClick','button_ID');
}

In button onclientclick, call the function clientfunction():

<asp:Button runat="server" ID="btNew" OnClick="ButtonNew_Click" Text="New" onclientclick="clientfunction()"/>

edited Apr 20, 2016 at 0:14

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Feb 10, 2012 at 9:32

Phani

959 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andrei Dvoynos Over a year ago

You can just do return true or false, no need to call __doPostBack

Pranav · Accepted Answer · 2012-02-10 09:40:07Z

-1

USE OnClientClick

OnClientClick=" MyCheck"

if your method will return false then ButtonNew_Click will not get called.

edited Feb 10, 2012 at 9:40

answered Feb 10, 2012 at 9:35

Pranav

8,9214 gold badges28 silver badges42 bronze badges

Comments

Peter Mortensen · Accepted Answer · 2016-04-20 00:13:11Z

-1

Try this:

btNew.Attributes.Add("onclick", "return MyCheck();");

edited Apr 20, 2016 at 0:13

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Feb 10, 2012 at 7:00

Madhu Beela

2,21516 silver badges16 bronze badges

3 Comments

TheBoubou Over a year ago

That's call the javascript function but I'd like when the method return false NOT execute ButtonNew_Click

Madhu Beela Over a year ago

then u need to do something in javascript code ... after checking the conditions call method from javascript

TheBoubou Over a year ago

it's btNew.Attributes.Add("onclick", "return MyCheck();"); edit your answer

Peter Mortensen · Accepted Answer · 2016-04-20 00:16:56Z

Server-side code:

using System.Web.UI;
using System.Web.UI.WebControls;

namespace count
{
    public partial class WebForm1 : System.Web.UI.Page
    {

        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            Label1.Text = "button clicked";
        }
    }
}

Client side:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs"      Inherits="count.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script type="text/javascript">
            function aa() {
                return true;
            }            
        </script>
    </head>

    <body>
        <form id="form1" runat="server">            
            <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" OnClientClick="return aa()" Text="Button" />
            <p>
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
            </p>
        </form>
    </body>
</html>

If in function aa() JavaScript you will return false; it will not execute server-side code.

Collectives™ on Stack Overflow

Execute JavaScript function when clicking on ASP.NET button

4 Answers 4

1 Comment

Comments

3 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

3 Comments

Comments

Related