title: check if form is submitted successfully html5
body: <p>I have following code. </p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label for="store_account_name"&gt;Store Title&lt;/label&gt;
      &lt;input type="text" value="" class="form-control" name="store_account_name" id="store_account_name" placeholder="Please insert store title of the external store" required /&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="store_url"&gt;Store URL&lt;/label&gt;
      &lt;input type="url" value="" class="form-control" name="store_url" id="store_url" placeholder="Please insert store URL as described in help section" required /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>On submit button I want to check if form is validated. I have an listner event which has preventDefault button. So I want to send ajax call only when both of these inputs are successfully validated. Is there any JS function to check the status of validation or any css property is add to invalid field.</p>