javascript - 使用 Bootstrap 4 AJAX 提交表单提交

Question

我正在使用 Bootstrap 4 的 js 验证，其中包括：

(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)
}());

• Index.php 有<form>标签。
• Form.php 有 PHPMailer 调用
• 此部分位于 validation.js 文件中

如何将它与 AJAX 提交调用绑定？我想使用上面 Bootstrap 4 提供的默认 JS 验证，但还要调用 AJAX 来检查 php 验证，然后提交。

我一辈子都找不到 Bootstrap 4 + AJAX + PHP 的混合组合。

标签： javascriptjqueryajaxforms