如何通过jquery验证Selectize.js标签

Question

我可以使用jquery实现selectize.js标签。但我想验证验证器中的必填字段。那么，如何验证selectize.js标签的必填字段。 提前致谢

Answer 1

使用JQuery Validate，您可以像这样验证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');
});

DEMO： http://jsfiddle.net/249Wz/4/