Skip to content Skip to sidebar Skip to footer

Validate Chosen Multi Selection With Parsley.js

I managed to get parsleyjs.org validate a 'required' Chosen dropdown but I can't seem to be able to validate the Multi selection dropdown. I have tried to apply the max and min val

Solution 1:

You should use data-parsley-mincheck for that. The following example works as expected (jsfiddle demo).

<form id="myForm">
    <select name="[]" multiple="multiple" data-parsley-required data-parsley-mincheck="2">
        <optgroup label="Section">
            <option>Drop Down Option A</option>
            <option>Drop Down Option B</option>
        </optgroup>
        <optgroup label="Section">
            <option>Drop Down Option A</option>
            <option>Drop Down Option B</option>
        </optgroup>
    </select>

    <input type="submit" />
</form>

<script>
$(document).ready(function() {
    $("select").chosen();

    $("#myForm").parsley();
});
</script>

Post a Comment for "Validate Chosen Multi Selection With Parsley.js"