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/

Answer 2

我通过制作一个表单并使用javascript来禁用项目并更改表单的操作来解决这个问题。

Answer 3

这是旧的，但我今天在这里：）

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

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

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

3 个答案: