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

Posted 2023-05-09

【中文标题】即使表单有效，formvalidation.io 也会阻止表单提交

【英文标题】：formvalidation.io prevent form submit even if form is valid

【发布时间】：2020-09-17 10:11:03

【问题描述】：

我正在使用 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();
);

但它也不起作用。

你有什么建议吗？

谢谢！

【问题讨论】：

你能把这里使用的插件也包括进来吗？

【参考方案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(),
    ,

它对我有用。