prevent firing the code-behind event from JavaScript?

Question

I would like this ASP button control to stop calling its event handler when the JavaScript client method IsCorrectPrice() returns false.

<asp:Button ID="btnsubmit" runat="server" 
            Text="Submit" OnClientClick="javascript:IsCorrectPrice()"/>


btnsubmit_Click(ByVal sender As Object, ByVal e As System.EventArgs) 
  Handles btnsubmit.Click

How can this be done?

p.campbell · Accepted Answer · 2011-07-22 13:18:25Z

5

Change your OnClientClick to be like this:

OnClientClick="return IsCorrectPrice();"

edited Jul 22, 2011 at 13:18

answered Jul 22, 2011 at 3:51

p.campbell

101k70 gold badges264 silver badges326 bronze badges

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

4 Comments

Ghostoy Over a year ago

Just return IsCorrectPrice(); is enough

Liz Over a year ago

thank you very much p.campbell and Ghostoy, both of your answers work! :)

p.campbell Over a year ago

@Liz: thanks! Be sure to use the green checkmark to 'accept' an answer for all your StackOverflow questions. It's part of the reputation system.

Liz Over a year ago

Hello! I just found an issue regarding this. I added a validation group so this what happened, even when the IsCorrectPrice() return true but the validation group has an error, it still posts back. I found out that validationgroup logic comes after the clientscript. So now, i used the original answer of p.campbell - OnClientClick="if(!IsCorrectPrice()) return false;" Thank you all!

ar3 · Accepted Answer · 2011-07-22 03:52:31Z

0

If you have the option to use jQuery, you could use this..

$("#btnsubmit").click(function() {
   if (!IsCorrectPrice()) {
      e.preventDefault();
   }
});

*Note:

Using the OnClientClick right there in the DOM starts to get unmaintainable after the most basic scenarios.

Also, the #btnsubmit may not be the exact id of your button, but that depends on what version of ASP.Net you are using and if you are using 4, what your ClientIdMode is set to.

answered Jul 22, 2011 at 3:52

ar3

4,1213 gold badges23 silver badges22 bronze badges

1 Comment

Liz Over a year ago

Thank you very much ar3, I will keep this in mind whenever I use jQuery. :)

Collectives™ on Stack Overflow

prevent firing the code-behind event from JavaScript?

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related