【问题标题】:Possible to validate only if certain radio button is selected?只有在选择了某个单选按钮时才可以验证?
【发布时间】:2016-12-06 15:39:36
【问题描述】:

我的表单末尾有两个单选按钮,“是”和“否”。目前,无论用户选择“是”还是“否”,它都会验证用户输入。

我只想在他选择“是”时验证输入,并在他选择“否”时显示错误消息。 ParsleyJS 有可能吗?

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

感谢您的帮助!

【问题讨论】:

  • 你可以做data-parsley-equalto="#hidden-field"并有一个隐藏字段,里面是yes,这样如果不是,你可以显示你的错误信息
  • 惊人的@Pete,它按照你的建议工作。非常感谢您快速而中肯的评论!

标签: jquery parsley.js


【解决方案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" 的隐藏输入。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-02-15
    • 1970-01-01
    • 2010-10-23
    • 2014-04-13
    • 1970-01-01
    • 2018-10-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多