表单验证中的表单验证io多个表单之间存在冲突

Form validation in formvalidation.io conflict between multiple forms

本文关键字：表单 验证 之间 冲突 存在 io      更新时间：2023-09-26

我使用的是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>

确保使用正确的表单id：

<form id="form-1"></form>
$('#form-1').formValidation({
        ...
});

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

我把它做成一个表单，并使用javascript禁用项目和更改表单的操作。

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

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

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

相关文章：