ASP.NET OnClientClick = "return false;" ne fonctionne pas

Question

Je veux juste ajouter une validation côté client (JQuery Javascript) dans un contrôle utilisateur web. J'ai mis un gestionnaire OnClientClick et la fonction est appelée. MAIS, même si je renvoie "false", la méthode OnClick est toujours activée. Qu'est-ce que je fais mal ?

Je suis avec VS 2010, ciblant le framework 4.0 avec JQuery 1.4.2. et JQuery UI 1.8.4.

Voici un exemple de code:

<td style="text-align:right"><asp:Button ID="btnAddSave" OnClientClick="return ValidateMail();" OnClick="btnAddSave_Click" runat="server" Text="Submit" /></td> 

méthode Script:

function ValidateMail() { 
alert("Bouton clicked"); 
return false; 

}

Si je mets un point d'arrêt dans l'événement Page_Load, je vois que je reçois et le btnAddSave_Click l'événement est également exécuté.

Answer 1

Avez-vous un gestionnaire d'événements de clic (enregistré via jquery) qui retourne true? Dans ce cas, la valeur de retour de OnClientClick est ignorée.

Jetez un oeil à ma question (et réponse): Why doesn't returning false from OnClientClick cancel the postback

Answer 2

Essayez de changer à

OnClientClick="ValidateMail(); return false;" 

Answer 3

pour une raison quelconque, même si je ne l'ai pas eu de gestionnaires d'événements jquery attachés, il ne fonctionne pas.

Ce qui en fait travaillé était:

OnClientClick="if (validate_form() == false) return(false);" 

Answer 4

réponses Grand. Je le fais de cette façon. Même résultat: l'événement OnClick n'est pas déclenché si false est renvoyé par la fonction Java.

OnClientClick = "if (!ValidateDelete()) return false;" 
OnClick="btnDeleteSupplier_Click" 

Answer 5

J'écris cette réponse parce que je suis à l'aide des boutons html avec ASP.NET WebForms et je ne pouvais pas trouver la solution pourquoi devrais-je remplacer mon morceau de code avec des exemples de travail. Voici la solution pourquoi cela ne fonctionne pas. J'espère que cela vous aidera à comprendre le problème, comme si cela m'avait aidé. Ceci est mon premier message, donc désolé pour le style.

<button type="button" id="buttonAddOrEdit" class="btn btn-success" runat="server" onclick="return myValidate()" onserverclick="buttonAddOrEdit_ServerClick">Zapisz</button> 

Et la fonction javascript:

function myValidation() { 
     if (validator.form()) { 
      //Project logic 
      return true; 
     } 
     else return false; 
    }; 

Utiliser clic côté client après validation correcte n'a pas été événement déclencheur sur le côté serveur qui a été binded à bouton. Solution mentionnée pour changer le morceau de code:

onclick = "if (! MyValidation()) retourne;"

Fonctionne en raison de la façon dont le rendu html sur la page avec onserverclick est créé. Onserverclick sur le bouton html est remplacé par la méthode __doPostBack de javascript. Le code complet du bouton html rendu sur le côté client ressemble à ceci:

<button onclick="return myValidation(); __doPostBack('ctl00$PortalContent$buttonAddOrEdit','')" id="ctl00_PortalContent_buttonAddOrEdit" type="button" class="btn btn-success">Zapisz</button> Błąd składni 

Et après le remplacer par si statment.

<button onclick="if(!myValidation()) return; __doPostBack('ctl00$PortalContent$buttonAddOrEdit','')" id="ctl00_PortalContent_buttonAddOrEdit" type="button" class="btn btn-success">Zapisz</button> 

Travailler avec return myValidate(); ne sera pas tirgger événement car il retourne avant __doPostBack.

Le code suivant vous permettra d'ajouter un autre code au bouton si nécessaire et ne causera aucun problème.

Answer 6

ajouter juste javascript:

Exemple:

javascript:return ValidateMail();