title: How to display Validation Summary with Client side validation?
body: <p>I have this model:</p>
  
  <pre><code>namespace CameraWebApp.Models
  {
      public class Images
      {
          [Key]
          [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
          public int ImageId { get; set; }
          [Required(ErrorMessage="Please enter your first name")]
          public string SubmitterFirstName { get; set; }
          [Required(ErrorMessage = "Please enter your surname name")]
          public string SubmitterLastName { get; set; }
          [ExistingFileName]
          public string NameOfImage { get; set; }
          [StringLength(140, ErrorMessage="Please reduce the length of your description to below 140 characters")]
          [DataType(DataType.MultilineText)]
          public string DescriptionOfImage { get; set; }
          public string ImagePath { get; set; }
          [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
          public DateTime DateAdded { get; set; }
      }
  }
  </code></pre>
  
  <p>Each property has some data annotations above them which I am using to validate server side and to display error messages in a validation summary, my view for which this is being used for is below:</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>@model CameraWebApp.Models.Images
  &lt;video id="video"&gt;
  &lt;/video&gt;
  &lt;div id="main"&gt;
  &lt;h1&gt;
      Instructions
  &lt;/h1&gt;
  &lt;ul&gt;
      &lt;li&gt;Above: Live video stream from your computer's camera.&lt;/li&gt;
      &lt;li&gt;Press "Camera button" (right in RED) until you are happy with the photo captured.&lt;/li&gt;
      &lt;li&gt;Copy and paste the "big text string" into the address bar of your browser.&lt;/li&gt;
      &lt;li&gt;What do you see?&lt;/li&gt;
      &lt;li&gt;What applications can you imagine for this UI?&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div id="sidebar"&gt;
  &lt;div id="canvasHolder"&gt;
      &lt;canvas id="hiddenCanvas"&gt;
      &lt;/canvas&gt;
  &lt;/div&gt;
  &lt;div id="errorMessages"&gt;
  @Html.ValidationSummary(false)
  &lt;/div&gt;
  &lt;img id="preview" width="160" height="120" src="http://www.clker.com/cliparts/A/Y/O/m/o/N/placeholder-hi.png" alt="default portrait image"&gt;      
  &lt;!--&lt;a id="button"&gt;Camera button&lt;/a&gt;--&gt;
  @using (Html.BeginForm())
  {
  @Html.ValidationSummary(true)
  &lt;label&gt;base64 image:&lt;/label&gt;
  &lt;input id="imageToForm" type="text" name="imgEncoded"/&gt;  
  &lt;label&gt;First Name&lt;/label&gt;
  @Html.EditorFor(model =&gt; model.SubmitterFirstName)
  &lt;label&gt;Last Name&lt;/label&gt;
  @Html.EditorFor(model =&gt; model.SubmitterLastName)
  &lt;label&gt;Name of Image&lt;/label&gt;
  @Html.EditorFor(model =&gt; model.NameOfImage)
  &lt;label&gt;Image Description&lt;/label&gt;
  @Html.EditorFor(model =&gt; model.DescriptionOfImage)
  &lt;input type=button id="button"value=" Camera button"/&gt;
  &lt;input type="submit" value="Click this when your happy with your photo"/&gt;
  }
  &lt;/div&gt;
  @Html.ActionLink("gfd!!", "DisplayLatest");
  
  &lt;script src="@Url.Content("~/Scripts/LiveVideoCapture.js")" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The error messages displayed fine with the code above, my problem is I then tried to started to add client side validation and added the following code to my _Layout:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script src="http://localhost:55928/Scripts/jquery-1.7.1.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://localhost:55928/Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://localhost:55928/Scripts/jquery.validate.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://localhost:55928/Scripts/jquery.validate.unobtrusive.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Which does in fact validate on the client side as I can see from viewing the source but it does not display any error messages? Does anyone know A: Why is it no longer displaying my error messages? B: How can I display my error messages in a Validation summary when validating client side? </p>