parsley.js - 仅在选中单选按钮时验证字段集(条件验证)

Question

我有一个包含两组字段的表单:

“联系方式”(17 个字段)

“公司信息”(5个字段)

有一个 radio 问“你有公司吗？”与公司信息有关。如果单选为"is"，则必须填写并验证公司字段。如果单选为“否”，则应忽略公司字段。

我不确定解决此问题的最佳方法。

通过根据单选按钮的状态切换公司字段的属性 disabled 并在 parsley 选项中排除所有禁用的字段

$('#adminForm').parsley({excluded: '[disabled]'});

有两个data-parsley-group并根据单选按钮

的状态验证一个或两个 block

我正在尝试使用 example on jsfiddle (但没有成功)。

Answer 1

欧芹 documentation陈述以下关于 data-parsley-group

Assign a group to a field for specific group validation. eg: data-parsley-group="signup". This way, you could only validate a portion of a form and not all the fields. Can be multiple. eg: data-parsley-group='["foo", "bar"]'

有人可能认为您可以使用 data-parsley-group仅验证表单的一部分，并在验证后提交表单。 这是不正确的 .
data-parsley-group旨在用于多步骤表单，其中必须验证整个表单，并且一次将验证应用于一个或几个组。验证所有组后提交表单。

你需要的是:

如果公司不是 选中:仅验证第一个字段和 忽略 公司领域。

如果公司是 选中:验证所有表单字段。

因此，表单是相同的，但有时表单具有更多字段。我建议你使用 disabled 来解决这个问题。检查公司时，显示字段，否则隐藏字段并使其禁用。

将 parsley 绑定(bind)到表单时，添加 :disabled到 excluded选项，以便 Parsley 可以忽略此字段。

我更新了 JSFiddle以满足您的需求。