仅当使用 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 事件
使用 angular2 在 mat-radio-group 中设置默认选择的 mat-radio-button