title: ValidationMessage always displays / Summary doesn't - ASP.NET MVC 3
body: <h2>The problem is:</h2>
  
  <p>I have the an Ajax.BeginForm, that essentially consists of two dropdownlists and the submit button.  I want MVC 3 validation to kick in if the user doesn't select an option from both of the dropdownlists.</p>
  
  <p>This is isn't happening.  Instead, the page opens with the ValidationMessages showing beside the ddls, and if there is a submission with invalid data, no validation summary gets shown.</p>
  
  <h2>The code is:</h2>
  
  <pre><code>using (Ajax.BeginForm(MVC.Admin.TutorEditor.AddTutorCourse(Model.TutorName, 0, 0),
                          new AjaxOptions
                          {
                              UpdateTargetId = "TutorCourses",
                              OnBegin = "isValidPleaseWait",
                              LoadingElementId = "PleaseWait"
                          },
                          new { name = "AddTutorCourseForm", id = "AddTutorCourseForm" }))
          {
              Html.ValidationSummary("Sorry, there was an error. Please check below and try again:");                
              &lt;fieldset&gt;
                  &lt;legend&gt;Add Course&lt;/legend&gt;
                  &lt;div class="editor-label"&gt;
                      @Html.LabelFor(model =&gt; model.AllCourses)
                      @Html.DropDownList("CourseId", Model.AllCourses, "-- Choose Course --", new { style = "width:180px;" })
                      @Html.ValidationMessage("CourseId", "*: Required")
                  &lt;/div&gt;
                  &lt;div class="editor-label"&gt;
                      @Html.LabelFor(model =&gt; model.TutorRoles)
                      @Html.DropDownList("TutorRoleId", Model.TutorRoles, "-- Choose Role --", new { style = "width:180px;" })
                      @Html.ValidationMessage("TutorRoleId", "*: Required")
                  &lt;/div&gt;
                  &lt;input type="submit" value="Add Course" /&gt;
              &lt;/fieldset&gt;
          }
  </code></pre>
  
  <p>The AddTutorCourse Action is:</p>
  
  <pre><code>[HttpPost]
          public virtual ActionResult AddTutorCourse(string username, int CourseId, int TutorRoleId)
          {
              service.SetTutor(username);
              if (CourseId == 0) ModelState.AddModelError("CourseId", "You did not choose a Course");
              if (TutorRoleId == 0) ModelState.AddModelError("TutorRoleId", "You did not choose a Tutor Role");
              if(ModelState.IsValid)
              {
                  service.AddTutorToCourse(CourseId, TutorRoleId);
              }
              if (Request.IsAjaxRequest())
              {
                  return PartialView(Views.TutorCoursesPartial, service.ViewModel);
              }
              else
              {
                  return View(Views.Details, service.ViewModel);
              }            
          }
  </code></pre>
  
  <p>The included script files are:</p>
  
  <pre><code>    &lt;script id="script0" src="/Scripts/MicrosoftAjax.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script id="script1" src="/Scripts/MicrosoftMvcAjax.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script id="script2" src="/Scripts/MicrosoftMvcValidation.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script id="script3" src="/Scripts/jquery-1.4.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script id="script4" src="/jQueryUI/jquery-ui-1.8.2.custom.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script id="script5" src="/jQueryPlugins/Cookies/jquery.cookie.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="/Scripts/jquery.unobtrusive-ajax.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>What am I doing wrong!?</p>