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 の Web サイトでは、彼は自分の値に parseley-namespace のみを使用しています。これを現在のバージョンの Parsley.js で簡単に評価しました。data-属性ではもう機能しないようですが、これを機能させるためにコードから得たものです：

 <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-validate」、フィールドに「parsley-group」と「parsley-mincheck」などの推奨されるパセリ属性を追加しただけです。「パセリグループ」は、影響を受けるチェックボックスごとに常に同じである必要があります。ただし、「名前」属性に限定されません。

お役に立てれば。

于 2013-12-02T11:11:44.320 に答える