ASP.NET OnClientClick = "return false;" non funziona

Question

Voglio solo aggiungere una validazione lato client (JQuery Javascript) in un controllo utente web. Metto un gestore di OnClientClick e la funzione viene chiamata. MA, anche se restituisco "false", il metodo OnClick viene sempre attivato. Che cosa sto facendo di sbagliato ?

Sono con VS 2010, il targeting del framework 4.0 con JQuery 1.4.2. e JQuery UI 1.8.4.

Ecco un esempio di codice: il metodo

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

Script:

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

}

Se metto un punto di interruzione nell'evento Page_Load, vedo che ho dentro e la btnAddSave_Click anche l'evento viene eseguito.

Answer 1

Hai un gestore di eventi click (registrato tramite jQuery) che restituisce true? In tal caso, il valore di ritorno di OnClientClick viene ignorato.

Dai un'occhiata alla mia domanda (e la risposta): Why doesn't returning false from OnClientClick cancel the postback

Answer 2

Provare a cambiare a

OnClientClick="ValidateMail(); return false;" 

Answer 3

per qualche ragione, anche se non ho avuto alcun gestori di eventi jQuery attaccati, non ha funzionato.

Quali effetti ha funzionato è stato:

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

Answer 4

grandi risposte. Lo faccio in questo modo. Stesso risultato: l'evento OnClick non viene disattivato se viene restituito un falso dalla funzione Java.

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

Answer 5

Sto scrivendo questa risposta solo perché sto utilizzando i pulsanti HTML con ASP.NET WebForms e non sono riuscito a trovare una soluzione perché dovrei sostituire il mio pezzo di codice con esempi di lavoro. Ecco la soluzione perché non funziona. Spero che ti aiuterà a capire il problema come controllare mi ha aiutato. Questo è il mio primo post, mi dispiace per lo stile.

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

E funzione javascript:

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

Utilizzando lato client click dopo la convalida corretta non è stata innescando eventi sul lato server che è stato rilegato a pulsante. Soluzione menzionata per modificare il codice in:

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

Funziona a causa del modo in cui viene creato il rendering html sulla pagina con onserverclick. Il pulsante Onserverclick on html è stato sostituito dal metodo __doPostBack da javascript. Fullcode del pulsante HTML rendering su lato client cerca in questo modo:

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

E dopo la sua sostituzione con se statment.

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

Operazioni con restituzione myValidate(); non sarà un evento tirgger perché ritorna prima di __doPostBack.

Il seguente codice consente di aggiungere un altro codice al pulsante se necessario e non causerà alcun problema.

Answer 6

Basta aggiungere javascript:

Esempio:

javascript:return ValidateMail();