title: MailChimp Submit Button spinner
body: <p>I have added a Fontawesom spinner to the Mailchimp Submit Button and it works fine.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function addFaIcon(){
    var i = document.createElement('i');
    i.className = 'fa fa-circle-o-notch fa-spin';
    i.style= '.buttonload {background-color: transparent;border: none;color: white;padding: 12px 24px;font-size: 16px;} ';
    var FNAME_empt = document.forms["mc-embedded-subscribe-form"]["FNAME"].value;
    var EMAIL_empt = document.forms["mc-embedded-subscribe-form"]["EMAIL"].value;
    var MMERGE6_empt = document.forms["mc-embedded-subscribe-form"]["MMERGE6"].value;
    if($('#mce-success-response').css('display') === 'none' &amp;&amp; FNAME_empt != "" &amp;&amp; EMAIL_empt != "" &amp;&amp; MMERGE6_empt != ""){
      document.getElementById('mc-embedded-subscribe').appendChild(i);
    }
  }</code></pre>
  </div>
  </div>
  </p>
  <p>The problem is this spinner will be added to the submit button even if the Email field is not correct and doesn't have '@' or '.com'.
  So, How can i add a condition for this Email field to work the correct way?</p>
  <p>Also, Mailchimp will add an Inline error message if the field isn't correct :</p>
  <pre><code>&lt;div for=&quot;mce-EMAIL&quot; class=&quot;mce_inline_error&quot; style=&quot;display: block;&quot;&gt;This field is required.&lt;/div&gt;
  </code></pre>
  <p>Can i use this line of code for my Issue?</p>
  <p>Thanks</p>