ASP.NET button-click, using jQuery on a server control

Question

When you attach a client-side click event via jQuery to an ASP.NET button do you then lose the ability to do a postback? I merely need to do some jQuery prior to the server-side stuff happening and it seems to be interrupting this process.

 $('[id$="btnDisableAlarms"]').click(function () {
            var commentValue = $('[id$="txtComment"]').val();
            if (commentValue == "") {
                // add red border (CSS)
                $('[id$="txtComment"]').addClass("redCommentError");
            }
            return;

        });

The button is wired up with a click event but the browser doesn't budge.

 btnDisableAlarms.Click+=new EventHandler(btnDisableAlarms_Click);

 public void btnDisableAlarms_Click(object sender, EventArgs e)
    {
        Response.Write("Still able to manage a postback from server");
    }

MrBoJangles · Accepted Answer · 2014-04-17 22:04:49Z

2

The problem is that your jQuery click handler is overwriting the click handler that ASP assigns to the button. You could do something like:

$('[id$="btnDisableAlarms"]').each(function (index, button) {
    var oldClickHandler = button.onclick;
    $(button).click(function () {
        // Do your stuff
        oldClickHandler();
    });
});

That might not be the right syntax for caching the old click handler, but it would be something similar to that.

Edit: Actually it would be safer to preserve the context and the click event, something like:

$('[id$="btnDisableAlarms"]').each(function (index, button) {
    var oldClickHandler = button.onclick;
    $(button).click(function (clickEvent) {
        // Do your stuff
        oldClickHandler.call(button, clickEvent);
    });
});

This ensures that if the old click handler uses this or tries to access the click event that triggered it, it'll still work properly.

edited Apr 17, 2014 at 22:04

MrBoJangles

12.3k17 gold badges65 silver badges83 bronze badges

answered Aug 9, 2011 at 16:22

BishopRook

1,2606 silver badges11 bronze badges

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

1 Comment

MikeBaz - MSFT Over a year ago

small typo: onClick -> onclick. Too small an edit to fix in the post (edits must be 6+ characters).

xec · Accepted Answer · 2011-08-09 16:29:43Z

0

You could try firing the normal form submission using jQuery's .submit() method (or maybe listening to the submission event rather than the click event).

Read here for examples: http://api.jquery.com/submit/

answered Aug 9, 2011 at 16:29

xec

18.1k3 gold badges50 silver badges58 bronze badges

Comments

James Johnson · Accepted Answer · 2011-08-09 16:37:24Z

0

Just have your JQuery method return true at the end, and it will perform a postback.

answered Aug 9, 2011 at 16:37

James Johnson

46.1k8 gold badges75 silver badges111 bronze badges

Collectives™ on Stack Overflow

ASP.NET button-click, using jQuery on a server control

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related