3

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

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

等等等等..

我目前正在自己​​实施它，但我想确保我不会重新发明轮子。

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

4

3 回答 3

3

为什么是插件？仅使用 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. 这是相当简单的，没有必要让它过于复杂。

看演示

于 2013-07-01T11:23:35.853 回答
1

如果你使用像敲除这样的东西，你就可以使用敲除验证框架。或者，在过去我使用过jqbootstrapvalidation ......后者显然也需要引导程序。

两个站点上都有很多代码示例，并且两个框架都非常易于使用。如果您需要任何更具体的帮助/建议，请随时评论这篇文章。

只是一个警告。如果你确实使用淘汰赛。使用knockoutvalidation，而不是 bootstrap 验证......否则你将有不眠之夜试图让 2 玩得很好。

于 2013-07-01T11:24:31.423 回答
0

这是您可以使用的 jQuery 插件：http: //github.com/keyo/jQuery-Form-Dependency

于 2013-07-02T09:24:26.907 回答