Question

我使用parsley.js验证表单。除了没有验证复选框之外，它似乎工作正常。我尝试添加其他复选框并使用data-min-check，但没有一个被验证。我尝试将data-parsley-trigger添加到各种事件中，没有任何区别。

控制台中没有错误。我正在使用最新版本的欧芹。有什么想法吗？

<form action="form.php" method="POST" id="form" data-parsley-validate>
    <label for="email">Email address</label>
    <input type="email" name="email" class="form-control" id="email"
           placeholder="Enter email" required
           data-parsley-maxlength="128"
           data-parsley-maxlength-message="Cannot exceed 128 characters."
           data-error-message="Required field."/><br/>
    <label for="agreeTerms">
        <input form="form" type="checkbox" id="agreeTerms" name="agreeTerms" required/>
        I have read and agree to the <a href="terms.html">terms and conditions</a>
    </label>

    <div class="submitbutton">
        <button type="submit" value="submit" class="btn btn-xlarge" style="width: 100%">Enter Here to Win
        </button>
    </div>
</form>
<script src="js/jquery-2.1.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/parsley.js"></script>

Answer 1

带有欧芹2.x的广播和复选框输入存在各种错误。 RC5。

我强烈建议您将欧芹版本升级到最新版本。

很抱歉给您带来不便。

Answer 2

我遇到了同样的问题，所以我决定使用CSS设置一个不可见的复选框。

Parlsey的验证可以正常使用两个，所以总是检查一个。您需要修改的唯一内容是错误消息，因为默认情况不适用于我们的情况。这是我的例子和作品。

<label for="ingredients">Select ingredients:</label>
<p>
<!-- Check the error message-->
Cheese <input type="checkbox" name="hobbies" value="ski" data-parsley-mincheck="2" data-parsley-error-message="You must select at least one choice" required data-parsley-group="block2"/>

Ham <input type="checkbox" name="hobbies" value="run" />

Mushrooms <input type="checkbox" name="hobbies" value="eat" />

<!--This is the important part-->
<input type="checkbox" name="hobbies" value="eat" style="visibility:hidden" checked/>
<p>

parsley.js单一复选框未经过验证

2 个答案: