title: Microsoft's jQuery Validate Unobtrusive makes other validators skip validation
body: <p>I'm using unobtrusive validation in an MVC3 application. For one form, I need to do some pretty complex validation. Therefore, I figured I could use the regular jQuery validate plugin. When using a custom validation script and a reference to <code>jQuery.validate.unobtrusive.js</code> is included in the page, the custom validation scripts will always be valid!</p>
  
  <p>Create an test html file (and include <code>jquery.validate.js</code>, <code>jquery.unobtrusive-ajax.js</code>, and <code>jquery.validate.unobtrusive.js</code>). When the following form is submitted, the validation checks <em>won't</em> be performed. Removing the script reference to <code>jquery.validate.unobtrustive.js</code> makes them work again. Is there a simple way around this?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Test Jquery&lt;/title&gt;
      &lt;script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="jquery.validate.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="jquery.unobtrusive-ajax.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="jquery.validate.unobtrusive.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $(function ()
          {
              var result = $("#commentForm").validate({
                  rules:
                  {
                      name: "required",
                      email: {
                          required: true,
                          email: true
                      },
                      comment: "required"
                  }
  
              });
  
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="commentForm" method="get" action=""&gt;
      &lt;fieldset&gt;
          &lt;legend&gt;A simple comment form with submit validation and default messages&lt;/legend&gt;
          &lt;p&gt;
              &lt;label for="cname"&gt;Name&lt;/label&gt;
              &lt;em&gt;*&lt;/em&gt;&lt;input id="cname" name="name" size="25" /&gt;
          &lt;/p&gt;
          &lt;p&gt;
              &lt;label for="cemail"&gt;E-Mail&lt;/label&gt;
              &lt;em&gt;*&lt;/em&gt;&lt;input id="cemail" name="email" size="25" /&gt;
          &lt;/p&gt;
          &lt;p&gt;
              &lt;label for="ccomment"&gt;Your comment&lt;/label&gt;
              &lt;em&gt;*&lt;/em&gt;&lt;textarea id="ccomment" name="comment" cols="22"&gt;&lt;/textarea&gt;
          &lt;/p&gt;
          &lt;p&gt;
              &lt;input class="submit" type="submit" value="Submit" /&gt;
          &lt;/p&gt;
      &lt;/fieldset&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>