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

确保使用正确的表单 ID:

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

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

引用号:http://formvalidation.io/examples/cant-submit-form-after-validation/