如何用Selectize.js验证jQuery标记？

Question

我能够使用Selectize.js实现jQuery标记。但我想在验证器中验证所需的字段。因此，如何验证Selectize.js标记的所需字段。

提前谢谢。

Answer 1

通过使用JQuery验证，您可以像这样验证您的Selectize.js标记：

HTML:

<form id="myForm">
    <select id="mySelect" placeholder="Select a person..." required>
        <option value="">Select a person...</option>
        <option value="1">Chuck Testa</option>
        <option value="4">Sage Cattabriga-Alosa</option>
        <option value="3">Nikola Tesla</option>
    </select>
</form>
<button id="btnTestForm">Test Form</button>

JQuery/Javascript:

$('#mySelect').selectize();

$("#myForm").validate({
    ignore: ':hidden:not([class~=selectized]),:hidden > .selectized, .selectize-control .selectize-input input'
});

$("#btnTestForm").click(function(e) {
    if($("#myForm").valid())
        alert("form is valid"); 
    else
        alert('form is NOT valid');
});

演示： http://jsfiddle.net/249Wz/4/