title: Asp.Net MVC 5 Client Validation without Model Binding
body: <p>I have the following inputs in my mvc view</p>
  
  <pre><code> &lt;input class="input-group-field" id="name" name="name" type="text" size="1" required=""&gt;
   &lt;input class="input-group-field" id="email" name="email" type="email" size="1" required=""&gt;
  </code></pre>
  
  <p>My MVC View is working with ajax requests only, there is no model binding.</p>
  
  <p>My Ajax request gets fired on a buttons click event.</p>
  
  <p>I know that without a form tag, the html 5 validation is not working.</p>
  
  <p>I have tried to setup a form around the inputs and prevent the form from getting submitted.</p>
  
  <pre><code>    $('#valForm').submit(function (e) {
  
          e.preventDefault();
  
      });
  </code></pre>
  
  <p>The button:</p>
  
  <pre><code>&lt;button class="button green post" type="submit"&gt;Submit&lt;/button&gt;
  </code></pre>
  
  <p>But the click event from the button is still fired.</p>
  
  <pre><code>  $('.button.post').on('click', function () {
      //fires
    });
  </code></pre>
  
  <p>If I change the buttons listener from click to submit, nothing happens.</p>
  
  <pre><code>  $('.button.post').on('submit', function () {
      // does not fire fire
    });
  </code></pre>
  
  <p>Any I Idea how I can trigger the clientside html5 validation without actually submitting a form?</p>
  
  <p>Thanks</p>