Question

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

Answer 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属性，例如Form上的“parsley-validate”和Field的“parsley-group”和“parsley-mincheck”。对于每个受影响的复选框，“parsley-group”必须始终相同。但并不仅限于“名称”属性。

希望这会有所帮助。

data-mincheck parsley不工作

1 个答案: