表单数据将不会使用FormValidation库提交

如何解决表单数据将不会使用FormValidation库提交

我正在尝试使用FormValidation库v1.7.0（https://formvalidation.io/）来验证Bootstrap 4表单。

表单数据将由PHP表单处理并发送到电子邮件地址。

表单可以很好地验证，但是问题是，当我单击“提交”时，表单数据将无法提交。我已经通过了FormValidation准则（https://formvalidation.io/guide）进行设置和使用，但是我无法使其正常工作。

希望我可以得到一些帮助-也许是熟悉此库的人。

我对Bootstrap 4和FormValidation库的代码设置如下（略作简化以省略不必要的代码）：

HTML

<form id="demo-form" action="process-data.PHP" method="POST">
    <div class="form-row">
        <div class="form-group col-md-6">
            <input type="text" class="form-control" id="inputFirstName" name="first_name">
            ... etc ... 

        <button type="submit" class="btn btn-primary">Send</button>
 </form>

FormValidation脚本（链接在结束标记上方：

<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-shim.min.js"></script>    
<script src="validation/dist/js/FormValidation.min.js"></script>
<script src="validation/dist/js/plugins/Bootstrap.min.js"></script>

FormValidation规则：

document.addEventListener('DOMContentLoaded',function(e) {
FormValidation.formValidation(
    document.getElementById('demo-form'),{
        fields: {
            first_name: {
                validators: {
                    notEmpty: {
                        message: 'Your first name is required'
                    },regexp: {
                        regexp: /^[a-zA-Z]+$/,message: 'Your name can only consist of alphabetical characters',},}
            },last_name: {
                validators: {
                    notEmpty: {
                        message: 'Your last name is required'
                    },email: {
                validators: {
                    notEmpty: {
                        message: 'Your email address is required'
                    },emailAddress: {
                        message: 'The value is not a valid email address'
                    }
                }
            },message: {
                validators: {
                    notEmpty: {
                        message: 'A message is required'
                    },plugins: {
            trigger: new FormValidation.plugins.Trigger(),bootstrap: new FormValidation.plugins.Bootstrap(),submitButton: new FormValidation.plugins.SubmitButton(),defaultSubmit: new FormValidation.plugins.DefaultSubmit(),icon: new FormValidation.plugins.Icon({
                valid: 'fa fa-check',invalid: 'fa fa-times',validating: 'fa fa-refresh',}),}
);
});