title: Show message to jquery validation with Ajax.BeginForm Asp.Net MVC
body: <p>I have tested jquery validate with Ajax.BeginForm from asp.net mvc and although the form validate, <strong>the error message is not displayed if the form is not valid</strong>.</p>
  
  <p><strong>FORM CODE:</strong></p>
  
  <pre><code>@using (Ajax.BeginForm("Save", "Student", null,
      new AjaxOptions { HttpMethod = "POST", OnSuccess = "StudentSucess", OnFailure = "StudentFail", OnBegin = "validateForm", },
      new { id = "form-student" }))
  {
      &lt;div class="form-group"&gt;
          &lt;input type="hidden" class="form-control" id="Id" name="Id" /&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;TESTE&lt;/label&gt;
          &lt;select name="Test" required="" class="form-control"&gt;
              &lt;option value=""&gt;Select&lt;/option&gt;
              &lt;option value="1"&gt;A&lt;/option&gt;
              &lt;option value="2"&gt;B&lt;/option&gt;
              &lt;option value="3"&gt;C&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;input type="text" class="form-control" id="Name" name="Name" placeholder="Name" autocomplete="off" required="" /&gt;
      &lt;/div&gt;
      &lt;div class="form-group m-t-10"&gt;
          &lt;button type="submit" class="btn btn-theme"&gt;Create&lt;/button&gt;
      &lt;/div&gt;
  }
  </code></pre>
  
  <p><strong>VALIDATE FUNCTION CODE</strong></p>
  
  <pre><code>function validateForm() {
              var valid = $("#form-student").validate({
                  rules: {
                      Name: {
                          required: true
                      },
                      Test: {
                          required: true
                      },
                  },
                  messages: {
                      Name: {
                          required: "Your name is required"
                      },
                      Test: {
                          required: "Test is required"
                      },
                  }
              });
  
              return valid;
          }
  </code></pre>
  
  <p><strong>IMAGE OF VALIDATION</strong>
  <a href="https://i.stack.imgur.com/mo7GV.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mo7GV.jpg" alt="enter image description here"></a></p>
  
  <p><strong>I need the message of the respective validated field to be displayed</strong>. </p>
  
  <p><strong>IMPORTANT</strong>: A stackoverflow user tagged that same question as a duplicate, and the question was different from the one he said was duplicated, does not solve that problem. I tried all the solutions of the comments, but they did not work for me.</p>