Question

我正在尝试使用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做到这一点？

Answer 1

要验证Parsley中的单选按钮，您只需使用即可 - data-required =“true”。您不需要使用data-mincheck作为单选按钮。由于单选按钮具有相同的名称，因此欧芹自动识别出它们位于同一组中。 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">

Answer 2

我认为对于无线电输入和复选框是特殊情况，而不是使用所需的数据，您应该使用data-mincheck来确保至少选中一个选项。

Answer 3

data-mincheck适用于复选框验证。

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

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

用parsley.js验证单选按钮

3 个答案: