jQuery Validation - Using validation on click, not on submit
<p>I'm using (or trying to) <a href="http://docs.jquery.com/Plugins/Validation" rel="nofollow">JQuery Validation</a> with WebForms/html.</p>

<p>I have, basically (simplifying the real html, showing only the elements):</p>

<pre><code>&lt;input id="txtEmail"/&gt;
&lt;input id="txtTicketID"/&gt;
&lt;a id="create" href="#"&gt;Create a new ticket&lt;/a&gt;
&lt;a id="find" href="#"&gt;Find this ticket&lt;/a&gt;
</code></pre>

<p>The javascript for validation/action is here:</p>

<pre><code>$(function() {
    $("#aspnetForm").validate({
     rules: {
      txtEmail: {
       required: true,
       email: true
       ,
       messages: {
        required: "* enter your e-mail",
        email: "*  invalid e-mail"
       }
      },
      txtTicketID: {
       required: true,
       digits: true,
       messages: {
        required: "*",
        digits: "* invalid ticket"
       }
      }
     },
     onfocusout: true,
     onkeyup: true,
     onsubmit: false,
     debug: true
    });

    $("#create").click(function() {
     if ($("#aspnetForm").valid()) {
      var email = $("#txtEmail").val();
      if (email != "")
       window.location = "CreateTicket.aspx?email=" + email;
     }
    });

    $("#find").click(function() {
     if ($("#aspnetForm").valid()) {
      var email = $("#txtEmail").val();
      var ticketID = $("#txtTicketID").val();
      if (email != "" &amp;&amp; ticketID != "")
       window.location = "DetailEditTicket.aspx?email=" + email + "&amp;ticketID=" + ticketID;
     }
    });
});
</code></pre>

<p>It is not working at all.. the valid() on the links click always return true, even if the fields are blank, or wrong.</p>

<p>When I type something, blur, etc, nothing makes validation happen.</p>

<p>Do you see what is missing on this?</p>
