title: Submit form using Bootstrap 4 AJAX submit
body: <p>I'm using Bootstrap 4's js validation that they include:</p>
  
  <pre><code>(function () {
      'use strict'
  
      window.addEventListener('load', function () {
          // Fetch all the forms we want to apply custom Bootstrap validation styles to
          const forms = document.getElementsByClassName('needs-validation')
  
          // Loop over them and prevent submission
          Array.prototype.filter.call(forms, function (form) {
              form.addEventListener('submit', function (event) {
                  if (form.checkValidity() === false) {
                      event.preventDefault()
                      event.stopPropagation()
                  }
                  form.classList.add('was-validated')
              }
              , false)
          })
      }, false)
  }());
  </code></pre>
  
  <ul>
  <li>Index.php has the <code>&lt;form&gt;</code> tags.</li>
  <li>Form.php has the PHPMailer call</li>
  <li>This section is in a validation.js file</li>
  </ul>
  
  <p>How can I bind that with an AJAX submit call? I want to use the default JS Validation provided by Bootstrap 4 above but also make a call to AJAX to check the php validation and then submit.</p>
  
  <p>I can't for the life of me find a mix combination for Bootstrap 4 + AJAX + PHP.</p>