jQuery Validation Plugin でちょっとはまった話。

なぜかvalidationしてくれないフォームがあり、少し悩んでしまった。以下のようにnameがないとvalidateしてくれないようだ。

<form id="aform">
最小値 <input type="number" id="min_length" data-rule-required="true" data-rule-number="true" data-rule-range="1,255" >
最大値 <input type="number" id="max_length" data-rule-required="true" data-rule-number="true" data-rule-range="1,255" >
...
</form>
<script>
    $('#aform').validate();
</script>

nameを追加したら無事動作した。

最小値 <input type="number" name="min" id="min_length" data-rule-required="true" data-rule-number="true" data-rule-range="1,255" >
最大値 <input type="number" name="max" id="max_length" data-rule-required="true" data-rule-number="true" data-rule-range="1,255" >