使用 parsley.js 验证单选按钮答案

【问题标题】：validate radio button with parsley.js使用 parsley.js 验证单选按钮
【发布时间】：2013-06-29 10:00:15
【问题描述】：

我正在尝试使用 parsley.js 验证单选按钮。以下是我尝试使用的代码

  <p id="registration_field_custom2" class="onefield registration_field_custom2">
  <span class="doyou">
  <span class="text">etc etc etc etc ?</span>
    <input type="radio" name="custom2" value="Yes" id="custom2_yes" 
        data-required="true" 
        data-error-container="#submitDetails .error6" 
        data-error-message ="Please chose either yes or no"
    />
    <label for="custom2_yes">Yes</label>
    <input type="radio" name="custom2" value="No" id="custom2_no"  
    />
    <label for="custom2_no">No</label>     
  </span>
  </p>

但是，无论我选择“是”还是“否”，它仍然在寻找两者都需要的数据。我只是希望用户能够选择是或否...我如何使用 parsley.js 做到这一点？

【问题讨论】：

标签： jquery html validation parsley.js

【解决方案1】：

要验证 Parsley 中的单选按钮，您只需使用 - 数据要求=“真”。您不需要对单选按钮使用 data-mincheck。由于单选按钮具有相同的名称，因此 parsley 会自动识别它们在同一组中。 Parsley 文档中有一个很好的例子：http://parsleyjs.org/doc/index.html

例子：

<input id="radio-required" class="parsley-validated" type="radio" data-required="true" value="foo" name="radiorequired">
<input id="radio-required2" type="radio" value="bar" name="radiorequired">

【讨论】：

应该选择这个答案。感谢您的代码示例

【解决方案2】：

我认为对于单选输入和复选框是特殊情况，而不是使用 data-required ，您应该使用 data-mincheck 来确保至少选中一个选项。

【讨论】：

【解决方案3】：

data-mincheck 用于复选框验证。

data-parsley-required="true" 适用于选项验证

http://parsleyjs.org/doc/examples/simple.html

【讨论】：

虽然此链接可能会回答问题，但 Stack Overflow 不鼓励仅链接的答案，您可以通过获取链接的重要部分并将其放入您的答案来改进此答案，这样可以确保您的答案是如果链接被更改或删除，仍然是一个答案:)