JQuery <button> with onclick() as well as onserverclick(). Not possible?
<p>I have a form with my own JQuery validation.
When a JQuery <code>&lt;button id=btnRegister type=submit&gt;</code> is clicked, my validation code is invoked and if invalid, form does not submit. All works great.</p>

<p>I have another <code>&lt;button id=btnSave&gt;</code> on this form.
I would like btnSave to fire asp.net server side event (onserverclick) only if form data is valid.</p>

<p>I have tried following -
<code>&lt;button type=submit onclick='if($(this).closest('form').submit()==false) return;' onserverclick='btnSave_click' runat =server&gt;Save&lt;/button&gt;</code></p>

<p>When I click on the btnSave, it does invoke my form's submit event handler, which correctly returns false, if invalid. So far so good. After this point, I would like the onserverclick event <em>not</em> trigger. However, the onserverclick does trigger and the page posts back, even when the form is invalid.</p>

<p>As I see it,  can not have onclick and onserverclick at the same time.
What should I do to make them co-exist harmoniously?
If I change <code>&lt;button&gt;</code> to <code>&lt;input type=submit&gt;</code> it all works out. But I like <code>&lt;button&gt;</code>'s look and feel more.</p>
