仅当所有表单字段在表单提交之前都有类时，jQuery才启用提交按钮

我的引导门户中有两个表单，默认情况下，两个表单提交按钮都被禁用

我正在用

on（'input'，function（）{}

验证所有表单输入字段，并指定

是有效的

类

如果表单中的所有字段都有

是有效的
类，我将尝试启用submit按钮，并使用以下jQuery函数：

$forms = $("#form1, #form2");

$forms.each(function () {
  $formsInputs = $(this).find(".form-control");
  $formsInputs.each(function () {
    $(this).on('keyup', function () {
      if ($(this).hasClass('is-valid')) {
        $("#submit").prop('disabled', false);
      }
    });
  });
});

在启用提交按钮时，第一个表单字段为“有效”
类，而不验证其余表单字段。仅当所有表单字段均为“有效”

类时，如何启用提交按钮

更新后的工作代码下方：

   $forms = $("#form1, #form2");
            $formsInputs = $forms.find("input, select, textarea");
            $formsInputs.keyup(function () {
                if ($("#form1 .is-valid").length === 7) {
                    $("#submit").prop('disabled', false);
                }
                if ($("#form2 .is-valid").length === 12) {
                    $("#submit").prop('disabled', false);
                }
            });

---

实际上，我会从另一个角度来看这个问题

每个表单有固定数量的输入，对吗？ 只需将“is valid”类的输入数与页面上的输入总数匹配即可

if $('form1 input.is-valid').length == 12 {
 # enable the submit button
};

if $('form2 input.is-valid').length == 4 {
 # enable the submit button
};

---

谢谢。使用了上面的代码并更新了我原始问题中的工作代码。