表单中元素组的欧芹验证不起作用

Question

我正在使用Parsley.js 来验证我的一个项目的表单提交。

我有两个面板，每个面板都有一个提交按钮。单击提交按钮时，我只需要验证该面板元素而不是其他面板元素。为此，我使用了this jsfiddle 中的附加代码。

Answer 1

请参阅此答案：Validate set of fields only if radio button is checked (conditional validation)，其中详细说明了data-parsley-group 的用法。

简而言之，它不会起作用。这是因为 Parsley 要求在触发 $.submit 表单事件之前验证所有 data-parsley-group 字段。

你有两种选择来完成你正在尝试的事情：

1. 创建两个单独的表单。每个都有其字段和提交按钮。更简单更好的方法。
2. 您必须执行以下操作：ParlseyJS - remove validation from disabled fields。也就是说，当用户单击提交按钮时，您必须将另一个面板的字段设置为禁用，销毁欧芹并应用欧芹。