jQueryValidationチェックルールその4

jQueryValidationチェックルールその4

script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">

チェックボックスの入力チェック

チェックボックスの入力チェックは
基本的にはラジオボタンと同じ

違いは、
minlength=””
を指定することで、最低チェック数の指定ができること

<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<legend>初回限定特典</legend>
<input type="checkbox" name="prize[]" id="test1" required minlength="2"/>
<label for="test1">サントラディスク</label>

<input type="checkbox" name="prize[]" id="test2"/>
</label for="test2">原画ディスク</label>

<input type="checkbox" name="prize[]" id="test3"/>
<label for="test3">短編ディスク</label>

<input type="checkbox" name="prize[]" id="test4"/>
<label for="test4">おまけディスク</label>

<label for="prize[]"  class="error" style="display:none;">
2つ以上選択してください</label>

</fieldset>
</div>

というようになる