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

Question

I'm using formvalidation.io and I have 2+ forms on the same page.

When I submit form 1, the submit button is disabled if form 2 is not valid, even though form 1 is valid.

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

Make sure to use the proper id of your form:

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

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

Ref: http://formvalidation.io/examples/cant-submit-form-after-validation/

Answer 2

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

Answer 3

this is old but I'm today on this :)

You can manually validate each form and submit it when form is valid.

More info - https://formvalidation.io/guide/examples/validating-form-manually/