bootstrap-4 - 即使表单有效，formvalidation.io 也会阻止表单提交

Question

我正在使用 formvalidation.io 来验证我的表单，它运行良好。但是我需要阻止表单提交，即使它已经过验证。

我尝试了这部分代码，但它不起作用：

const fv = FormValidation.formValidation(
.....
).on('core.form.valid', function (e) {
if ($('#origine').val() === "I") {
    if (!$('input[name="addressees"]').val()) {
        alert("Error");
        fv.updateFieldStatus('subject','Invalid');
        return false;
    }
}

});

我也试过这个：

$("#submitButton").click(function(e){
    e.preventDefault();
});

但它也不起作用。

你有什么建议吗？

谢谢！

Answer 1

只需评论 defaultSubmit 插件

plugins: {
        trigger: new FormValidation.plugins.Trigger(),
        // Bootstrap Framework Integration
        bootstrap: new FormValidation.plugins.Bootstrap(),
        // Validate fields when clicking the Submit button
        submitButton: new FormValidation.plugins.SubmitButton(),
        // Submit the form when all fields are valid
        // defaultSubmit: new FormValidation.plugins.DefaultSubmit(),
    },

它对我有用。