Javascript 如何在HTML表单的表单字段之间添加约束？

我想知道是否已经有了一个框架或jquery插件，我可以使用它向表单字段添加约束。在这种情况下，我不想说字段x是电子邮件字段，需要进行验证，但我想定义表单字段之间的关系，如：

• 如果在复选框A中选择了某项-->启用按钮B
• 如果列表A中至少选择了X个条目-->启用表单字段B

诸如此类

我目前正准备亲自实施，但我想确保我不会重新发明轮子

---

它可以是任何JavaScript框架（独立或jquery插件）。

为什么是插件？仅使用jQuery就相当容易：

$('input.A:checkbox').change(function() {
    $('button.B').prop('disabled', !($(this).prop('checked'));
});
$('select.C').change(function() {
    $('button.D').prop('disabled', !($(this).find('option:selected').length >= 10));
});

我们只是将处理程序分配给输入更改时发生的事件，我根据自己的条件启用或禁用字段

我认为这比获得插件要好，因为：

您正在保存更多文件的HTTP请求

不加载更多的JS代码可以节省性能

这是相当简单的，没有必要过分复杂

---

如果您使用类似于击倒的东西，您将能够利用该框架。。或者，在过去我曾经。。。后者显然也需要引导

两个站点上都有相当多的代码示例&两个框架都非常容易使用。如果你需要任何更具体的帮助/建议，请随意评论这篇文章

---

只是一句警告。如果你使用击倒。使用，而不是引导验证。。。否则，你会不眠之夜试图让2打得很好

以下是一个jQuery插件，您可以使用：

---

您是否尝试过搜索？在github上发现了这一点：显然，“依赖性”是比“约束性”更好的搜索词。您介意将您的评论作为答案吗？如果它解决了您的问题，请标记为正确答案。谢谢有什么解释吗？你需要什么帮助

prop

更改属性，在本例中为

disabled

，它更改为与我的条件相反的值（因为它是

disabled

而不是

enabled

），因此如果我从“the.prop（）中选择了10个以上的项目，它应该是

false

）方法提供了一种显式检索属性值的方法，而.attr（）则检索属性。“谢谢，但我更需要以“可配置”的方式，而不是以编程的方式，因为我创建的表单是动态生成的。我不能为每一种形式编写约束条件的程序。+1是一个好答案。但我不同意你不使用框架的理由。大多数值得一试的框架都是为了简化和减少为获得某种结果而必须编写的代码/javascript的数量而编写的。您可能需要额外添加一个库，但对于捆绑缓存和压缩之类的东西，它并没有那么多。。。如果你有大量的验证要做，写大量的自定义逻辑vs，一个灵活的扩展。。。一个插件将导致更少和更干净的代码。