ASP.NET/JavaScript - Why Isn't "Return False" Not Preventing Postback?

Question

I feel like i've done this scenario plenty of times, and it usually works, so im obviously missing something.

Here's my server-side ASP.NET Button:

<asp:Button ID="btnFoo" runat="server" Text="Foo" CssClass="button foo" OnClientClick="foo_Click();" />

Which get's rendered on the client as:

<input type="submit" name="reallylongclientid" value="Foo" onclick="foo_Click();WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(reallylongclientidandpostbackoptions, false, false))" id="reallylongclientid" class="button foo">

No surprises there.

Here's the surprise, in my JavaScript function:

function foo_Click() {
   return false;
}

Okay so there's more to it than that, but i cut it down to prove a point.

When i click the button, it calls the client-side function, and returns false.

But it still posts back to the server, why?

I basically want to do this on the click of the button:

Do client-side validation.
If validation passes, post back
If not, show some error messages on the form.

Of course, i could change this to an client-side button (input type="button") and manually kick off the postback when i want, but i shouldn't need to do that. Or should i?

Pranay Rana · Accepted Answer · 2012-04-25 13:38:20Z

21

write return statement so when you click on button it return false which not allow to submit form

 <asp:Button ID="btnFoo" runat="server" Text="Foo" CssClass="button foo" 
OnClientClick="return foo_Click();" />

edited Apr 25, 2012 at 13:38

answered Aug 6, 2010 at 6:01

Pranay Rana

177k37 gold badges244 silver badges267 bronze badges

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

4 Comments

RPM1984 Over a year ago

Knew it was obvious (slaps head). Thanks.

RPM1984 Over a year ago

I just noticed that if i do "var passedValidation = new Boolean(false); return passedValidation" it still posts back. But if i just do return false, it doesnt. WTF? any ideas?

Christian C. Salvadó Over a year ago

@RPM1984: Using the Boolean constructor, with the new keyword, creates a Boolean object wrapper, and in JavaScript any object is considered to be truthy when used in boolean context, for example: !!new Boolean(false) ==> true, I would recommend you to simply use the boolean true or false literals, which represent directly primitive values...

RPM1984 Over a year ago

@CMS - yep, i figured that. well that kinda sucks, oh well - ill stick to the basic. thanks for the clarification.

Collectives™ on Stack Overflow

ASP.NET/JavaScript - Why Isn't "Return False" Not Preventing Postback?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related