2016-12-06 90 views
0

我的表单末尾有两个单选按钮,“是”和“否”。目前,无论用户选择“是”还是“否”,都会验证用户输入。仅当选择某个单选按钮时才可以验证?

我想仅在他选择“是”时验证输入,并在他选择“否”的情况下显示错误消息。这对ParsleyJS来说可能吗?

我不知道是否重要,但我已经通过使用数据属性集成了ParsleyJS。我没有使用自定义的jQuery或JavaScript进行表单验证。

感谢您的帮助!

+1

你可以做'data-parsley-equalto =“#hidden-field”'并且在其中有一个隐藏字段,这样如果它不是,你可以显示你的错误信息 – Pete

+0

惊人的@Pete,它正在工作根据你的建议。非常感谢您的快速和坚实的评论! – bauhausweb

回答

0

感谢@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"