title: MVC 5 Client side validation for ajax posts with click event not working?
body: <p>I have to implement client side validation with click event for ajax posts. I followed the below url:</p>
  
  <p><a href="https://stackoverflow.com/questions/5127813/call-mvc-3-client-side-validation-manually-for-ajax-posts">Call MVC 3 Client Side Validation Manually for ajax posts</a></p>
  
  <p>I tried using this :</p>
  
  <pre><code>$('#buttonId').click(function(evt) {
      evt.preventDefault();
      var $form = $('form');
      if($form.valid()) {
          //Ajax call here
      }
  });
  </code></pre>
  
  <p>But the problem here is now the validation is working if there is invalid data. But if I give proper input also, the page is reloading and blank page is coming as a result. </p>
  
  <p>I tried replacing evt.preventDefault() with return false. But there the validation is not working. Can anyone help me to solve this.</p>
  
  <p>The thing is if drop down is not chosen, the validation message is coming. But If I give correct input, then output is not displayed.The page is refreshing.</p>
  
  <p>I guess the problem is <code>evt.preventDefault()</code> . But validation is not working without this</p>