title: MVC Razor View with jQuery validation not validating empty fields
body: <p>I have form built from a MVC model with a variety of validation requirements. If I enter the field and input an incorrect value (doesn't match regular expression or meet minimum length) the validation works just fine. </p>
  
  <p><em>What it's not doing is <strong>validating the required fields</strong> that are left empty</em></p>
  
  <p>Here's an excerpt of my model:</p>
  
  <pre><code>public partial class Order
  {
      public int Id { get; set; }
      [Required]
      [Display(Name = "Name")]
      public string ContactName { get; set; }
      [Required]
      [RegularExpression(@"^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$", ErrorMessage = "Not a valid phone number")]
      [Display(Name = "Phone")]
      public string ContactPhone { get; set; }
      [Display(Name="Email")]
      [Required(ErrorMessage = "Email is required")]
      [DataType(DataType.EmailAddress)]
      [EmailAddress]
      public string ContactEmail { get; set; }
  }
  </code></pre>
  
  <p>When I run <code>$("#OrderForm").validate().form()</code> it returns true when required fields are blank. </p>
  
  <p>Here is the generated markup:</p>
  
  <pre><code>&lt;form action="/Order/SubmitOrder" id="OrderForm" method="post"&gt;
  &lt;table width="400"&gt;
      &lt;tr&gt;
          &lt;th colspan="2"&gt;Contact Information&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;label for="OrderInfo_ContactName"&gt;Name&lt;/label&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input class="text-box single-line" data-val="true" data-val-required="The Name field is required." id="OrderInfo_ContactName" name="OrderInfo.ContactName" type="text" value="" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;label for="OrderInfo_ContactEmail"&gt;Email&lt;/label&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input class="text-box single-line" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-required="Email is required" id="OrderInfo_ContactEmail" name="OrderInfo.ContactEmail" type="email" value="" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;input id="ordersubmit" type="submit" value="Submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Here are my script tags:</p>
  
  <pre><code>&lt;script src="/Scripts/jquery-1.10.2.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery-ui-1.10.4.custom.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.validate.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.validate.unobtrusive.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/order.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>What am I missing?</p>