title: How can I check the validity of an HTML5 form that does not contain a submit button?
body: <p>I have the following code example that works in browsers that check when they see the HTML5 "required" on an input like the email here:</p>
  
  <pre><code>&lt;form id='myForm'&gt;
      &lt;div&gt;
      &lt;label&gt;Email:
        &lt;input name=email type=email required title="enter your email"&gt;
      &lt;/label&gt;
      &lt;input type=submit&gt;
      &lt;/div&gt;
  &lt;/form&gt;​
  </code></pre>
  
  <p>Here is a <a href="http://jsfiddle.net/E6jhE/" rel="noreferrer">fiddle</a> for the above.</p>
  
  <p>However in my application I use a <strong>button outside of my form</strong> and the following code attached to the click event of that button:</p>
  
  <pre><code>if (!$form.valid || $form.valid()) {
      $submitBt
          .disableBt();
      $modal
          .removeBlockMessages()
          .blockMessage('Contacting Server, please wait ... ', {
              type: 'loading'
          });
      $.ajax({
          url: href,
          dataType: 'json',
          type: 'POST',
          data: $form.serializeArray()
      })
          .done(onDone)
          .fail(onFail);
  }
  </code></pre>
  
  <p>I have two questions here:</p>
  
  <ul>
  <li>What does the following code do: (!$form.valid || $form.valid())</li>
  <li>How can I check my form validity using the new HTML5 checks?</li>
  </ul>