title: Check form HTML5 required attribute on submit()
body: <p>I'm trying to validate a form but I'm stucked on this issue:</p>
  
  <p>On my submit button I have this onclick statment: </p>
  
  <pre><code>onclick="event.preventDefault(); checkForm();"
  </code></pre>
  
  <p>and my checkForm function is like this:</p>
  
  <pre><code>function checkForm() {
  
      selectValue = $('#select').val();
  
      if(valorSelect == '') {
  
          alert('ERROR!');
  
      } else {
  
          $('#myForm').submit();
  
      }
  }
  </code></pre>
  
  <p>That's ok. My problem is: There are other form elements (inputs) with the HTML5 attribute REQUIRED that are checked on form submit and, after the "preventDefault()" the pass unchecked on the $('#myForm').submit();</p>
  
  <p>I had to validate this select separated because it uses the jquery plugin SELECTRIC and - in this case- REQUIRED attribute doesn't work.</p>
  
  <p>How can I submit this form checking for the REQUIRED elements?</p>