Parsley.js单个复选框未被验证

parsley.js single checkbox not being validated

本文关键字:验证 复选框 js 单个 Parsley      更新时间:2023-09-26

我使用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>

在parsley 2中有各种各样的无线电和复选框输入错误。x & lt;RC5 .

我强烈建议你把你的欧芹版本升级到最新版本。

给您带来不便,敬请谅解。

我也遇到了同样的问题,所以我决定在CSS中添加一个不可见的复选框。

帕尔西的验证对两个都有效,所以总是检查一个。您唯一需要修改的是错误消息,因为默认值在我们的示例中不起作用。这是我的例子和作品。

<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>