javascript - formvalidation.io でのフォーム検証が複数のフォーム間で競合する

Question

formvalidation.io を使用していますが、同じページに 2 つ以上のフォームがあります。

フォーム 1 を送信すると、フォーム 1 が有効であっても、フォーム 2 が有効でない場合、送信ボタンが無効になります。

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

すべてを1つのフォームにし、javascriptを使用してアイテムを無効にし、フォームのアクションを変更することで回避しました。

Answer 2

フォームの適切な ID を使用してください。

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

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

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