Question

我的表格末尾有两个单选按钮，＆＃34;是＆＃34;和＆＃34;不＆＃34;。目前，无论用户是否选择＆＃34;是＆＃34;它都会验证用户输入。或＆＃34;否＆＃34;。

我想仅在他选择＆＃34;是＆＃34;时验证输入，并在他选择＆＃34;否＆＃34;时显示错误消息。 ParsleyJS有可能吗？

我不知道提及是否重要，但我只是通过使用数据属性来集成ParsleyJS。我没有使用自定义jQuery或JavaScript进行表单验证。

感谢您的帮助！

Answer 1

感谢@Pete的评论，我设法解决了我的问题，所以我想正确回答我的问题，以防万一其他人偶然发现同样的问题。

输入看起来像这样（想象每个答案旁边都会有一个单选按钮......）：
你未满18岁吗？ 是的没有

<label>Are you under 18 years old?</label>
<input type="hidden" id="no" value="no">
<input type="radio" id="form-s-r" name="radio" value="yes" data-parsley-required="true" data-parsley-trigger="change" data-parsley-multiple="radio" data-parsley-error-message="You need to be at least 18 years old. Thank you for your interest in our services.">
<label for="form-s-r">Yes</label>
<input type="radio" id="form-s-r1" name="radio" value="no" data-parsley-equalto="#no" data-parsley-multiple="radio">
<label for="form-s-r1">No</label>

一般功能是，如果用户说“是”，表单将不验证。而是会显示data-parsley-error-message="You need to be at least 18 years old. Thank you for your interest in our services."。

这是通过添加属性data-parsley-equalto="#no"来实现的，因为只有第二个单选按钮（“否”）符合要求，等于id="no"的隐藏输入。

仅在选择了某个单选按钮时才可以验证？

1 个答案: