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

Question

我想知道是否已经有一个框架或一个 jquery 插件可以用来添加约束以形成字段。在这种情况下使用“约束”我不想说字段 x 是一个电子邮件字段并且需要这样验证但我想定义表单字段之间的关系，例如:

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

等等……

我目前正打算自己实现它，但我想确保我不会重新发明轮子。

它可以是任何 JavaScript 框架(独立的或 jquery 插件)。

Answer 1

为什么是插件？仅使用 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));
});

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

我认为这比获得一个插件更好，因为:

1. 您正在节省对更多文件的 HTTP 请求
2. 您通过不加载更多 JS 代码来节省性能
3. 这是相当简单的，没有必要让它过于复杂。

See demo