數據mincheck歐芹不工作

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

請務必香菜前加入jQuery的。我只是在Form上添加了現在推薦的Parsley屬性，如「parsley-validate」，Field的「parsley-group」和「parsley-mincheck」。 對於每個受影響的複選框，「parsley-group」總是必須相同。但不限於「名稱」屬性。

希望這會有所幫助。