javascript - formvalidation.io中的表单验证在多个表单之间发生冲突

Question

我正在使用 formvalidation.io，并且在同一页面上有 2 个以上的表单。

当我提交表单 1 时，如果表单 2 无效，即使表单 1 有效，提交按钮也会被禁用。

JS：

$('form').formValidation({
    framework: 'bootstrap',
    trigger: 'keyup blur',
    fields: {
        required: {
            selector: '[validator="required"]',
            validators: {
                notEmpty: {
                    message: 'This is required'
                }
            }
        }
    })
};

HTML：

<form id="form-1">
  <input type="text" validator="required">
  <input type="text" validator="required">
  <input type="submit" value="Submit">
</form>

<form id="form-2">
  <input type="text" validator="required">
  <input type="text" validator="required">
  <input type="submit" value="Submit">
</form>

Answer 1

我通过将其全部制作为一个表单并使用 javascript 禁用项目并更改表单的操作来解决它。

Answer 2

这是旧的，但我今天就在这个:)

您可以手动验证每个表单并在表单有效时提交。

更多信息 - https://formvalidation.io/guide/examples/validating-form-manually/

Answer 3

确保使用正确的表单 ID：

<form id="form-1"></form>

$('#form-1').formValidation({
        ...
});

参考： http: //formvalidation.io/examples/cant-submit-form-after-validation/