OnClientClick code preventing validation from working

Question

I've added code the the OnClientClick property of an asp.net button and now the validation controls are not working. When I remove the OnClientClick code the validation works.

How can I get both of them to work?

<asp:Button 
ID="btnNext" 
runat="server" 
Text="Save & Continue" 
SkinID="btnContinue" 
OnClick="btnNext_Click"  
OnClientClick="_changesMade=false; return true;" 
ValidationGroup="vgPreMedSchool" Width="176px" />

Answer 1

Try this.

<asp:Button 
ID="btnNext" 
runat="server" 
Text="Save & Continue" 
SkinID="btnContinue" 
OnClick="btnNext_Click"  
OnClientClick="_changesMade=false; return Page_ClientValidate();" 
ValidationGroup="vgPreMedSchool" Width="176px" />

Page_ClientValidate() is a javascript function that asp.net uses to invoke the page validation.

Answer 2

The validator controls work by default on the client end, essentially adding their own functionality to click click events. There are a couple of ways to solving this:

1) Use custom validators and define your own client validation method. That way you can handle both the validation and the additional processing you need.

2) Disable client side validation. This will allow your client side code to function as needed, and the validation will occur during the post back to the server. However, if you are assuming your data is valid in your own client click method, this won't work for you.

Answer 3

I think you can't call both OnClick and OnClientClick Properties.

You can use only 1 Property at a time.

Thanks.