仅当使用 parsleyjs 选择选项 radio 时才需要验证表单

Posted

技术标签:

【中文标题】仅当使用 parsleyjs 选择选项 radio 时才需要验证表单【英文标题】:validate form required only if option radio is selected with parsleyjs 【发布时间】:2017-04-02 05:43:54 【问题描述】:

我想使用parsleyjs 验证表单。

我的问题是,只有在选择输入单选时,我才想验证一个(3 个输入)块。

这是一张图片:

默认情况下,未选择任何选项。 如果我选择选项 1,则无需 .验证没问题。 如果我选择选项 2,则仅在选择选项 2 时,我需要再验证 3 个字段(我的验证工作:必填)。

我一直在阅读文档,但找不到解决方案。

编辑: 自己解决了添加和删除required prop。

【问题讨论】:

【参考方案1】:

在这种情况下,一个好的方法是切换输入的disabled 属性并使用excluded 过滤器指定:disabled

【讨论】:

【参考方案2】:

我终于解决了它,通过选择选项2 选择选项2 ,并选择选项1 ,删除@ 987654321 /p>

// Option 2
$( '#inputId' ).prop( 'required', true );

// Option 1
$( '#inputId' ).prop( 'required', false );

【讨论】:

以上是关于仅当使用 parsleyjs 选择选项 radio 时才需要验证表单的主要内容,如果未能解决你的问题,请参考以下文章

Parsleyjs 日期验证不适用于 Onchange 等 Datepicker 事件

仅当从下拉列表中选择选项时才附加到 iframe src

使用 angular2 在 mat-radio-group 中设置默认选择的 mat-radio-button

仅当用户选择rails表单中的特定选项时,如何显示字段

请教个vue动态生成form表单,表单里有单选项radio?

基于两个单选按钮和选择选项的jQuery显示和隐藏divs