ASP.NET/JavaScript - Pourquoi "ne pas retourner" ne prévient-il pas la publication?

Question

J'ai l'impression d'avoir fait ce scénario de nombreuses fois, et cela fonctionne généralement, donc je manque évidemment quelque chose.

Voici mon côté serveur ASP.NET Button:

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

qui get rendu sur le client:

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

Pas de surprise là-bas.

est ici la surprise, dans ma fonction JavaScript:

function foo_Click() { 
    return false; 
} 

Ok donc il y a plus que ça, mais je l'ai coupé vers le bas pour prouver un point. Lorsque je clique sur le bouton, il appelle la fonction côté client et renvoie false.

Mais il publie toujours sur le serveur, pourquoi?

Je veux essentiellement faire sur le clic du bouton:

1. Do validation côté client.
2. Si la validation réussit, renvoyer
3. Si ce n'est pas le cas, affichez certains messages d'erreur sur le formulaire.

Bien sûr, je pourrais changer cela à un bouton côté client (input type = « button ») et manuellement coup d'envoi du postback quand je veux, mais je ne devrais pas avoir besoin de le faire. Ou devrais-je?

Answer 1

écrire return déclaration ainsi lorsque vous cliquez sur le bouton, il return false qui permettent de ne pas soumettre le formulaire

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