1

我正在使用 parsley.js 来验证我的表单。当尝试使用 data-mincheck 验证我的复选框时，会发生注意事项。

这是我的代码片段：

<form data-validate="parsley">
    <p>Pick atleast 2 items:</p> 
    <div id="custom-salad">
        <div class="sub-step">
            <p>Base:</p>
            <div class="checkbox"> 
                <label class="checkbox-custom"> 
                    <input type="checkbox" data-group="salad-dish" name="salad-custom" data-mincheck="2" value="pasta"> <i class="icon-unchecked"></i> Pasta 
                </label> 
            </div> 
            <div class="checkbox"> 
                <label class="checkbox-custom"> 
                    <input type="checkbox" data-group="salad-dish" name="salad-custom" value="Cabage"> <i class="icon-unchecked"></i> Cabage 
                </label>
            </div>
        </div>
    </div>
</form>
4

1 回答 1

1

在 Parsley.js 网站上它说，他只使用 parsley-namespace 作为他的值。我使用当前版本的 Parsley.js 快速评估了这一点。它似乎不再适用于数据属性，但是这是我从你的代码中得到的让它工作的：

 <form action="success.html" parsley-validate method="post">
    <p>Pick atleast 2 items:</p> 
    <div id="custom-salad">
        <div class="sub-step">
            <p>Base:</p>
            <div class="checkbox"> 
                <label class="checkbox-custom"> 
                    <input type="checkbox" parsley-group="salad-test" name="salad-custom" parsley-mincheck="2" value="pasta"> <i class="icon-unchecked"></i> Pasta 
                </label> 
            </div> 
            <div class="checkbox"> 
                <label class="checkbox-custom"> 
                    <input type="checkbox" parsley-group="salad-test" name="salad-custom" value="Cabage"> <i class="icon-unchecked"></i> Cabage 
                </label>
            </div>
        </div>
    </div>
    <input type="submit" value="Senden"> </input>
</form>

确保在 Parsley 之前添加 Jquery。我只是在表单上添加了现在推荐的 Parsley 属性，例如“parsley-validate”，在字段中添加“parsley-group”和“parsley-mincheck”。对于每个受影响的复选框，“欧芹组”始终必须相同。但不限于“名称”属性。

希望这可以帮助。

于 2013-12-02T11:11:44.320 回答