title: Reset event.preventDefault()
body: <p>I'm building validation for form fields for a form. So, I need to do a validation which I do like this : </p>
  
  <pre><code> $(document).ready(function() {
  
      $('#submitbutton').click(function() {
  
          if (validateField()) {
              $('form.checkout_form_validate').submit(function(event) {
                  return true;
              });
          }
          else {
               $('form.checkout_form_validate').submit(function(event) {
                  event.preventDefault();
                  return false;
              });
         }
      });
  
  
      function validateField() {
          var first_name = $('#first_name').val();
          var last_name = $('#last_name').val();
          var shipping_address = $('#shipping_address_1').val();
          var city = $('#city').val();
          var state = $('#state').val();
          var phone = $('#phone').val();
  
          if (first_name == "" || last_name == "" || shipping_address == "" || city == "" || state == "" || phone == "") {
              $('#errorcontainer').html('Fill out all the required fields &lt;br/&gt;');
              $('#errorcontainer').fadeIn('fast');
              return false;
          } else {
              return true;
          }
      }
  
  });
  </code></pre>
  
  <p>So, If a user just press the submit button, it will throw an error and Form will not submit, But, If after doing this, the user fills out the entire form and then hit submit, Nothing will happen even when <code>validateField()</code> is true.
  How to "reset" it? Any ideas ?</p>