У меня есть форма с несколькими полями, одним из этих полей является опция Select2 с множественным выбором.
Когда пользователь нажимает кнопку, я проверяю результат проверки и затем отправляю форму. Мне нужно, чтобы пользователь выбрал один или несколько элементов поля Select2 (без нулевых элементов), поэтому я создал специальную функцию проверки, чтобы пользователь не выбирал элементы поля Select2, но это не работает (пользовательская функция не вызывается ).
Мой код JS:
if ($('#saveinvoice').validator({
custom: {
'customs': function($el) {
if ($el.select2('data').length==0) {
return false;
}
}
}
}));
function submitInvoiceData(){
if ($('#saveinvoice').validator('validate').has('.has-error').length == 0) {
...
document.getElementById('saveinvoice').submit();
};
}
Мой HTML-код:
<select class="form-control select2" id="Contacts" name="Contacts" multiple="multiple" data-placeholder="" style="width: 100%;" value="" data-contacts="true" required>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
Я использую:
https://github.com/1000hz/bootstrap-validator
https://select2.org/