Bootstrap требуется проверка, чтобы выбрать один из выпадающих

Question

У меня есть эта скрипка (из моего проекта) https://jsfiddle.net/autofiddle/cap6g9wq/20/

Я хочу, чтобы имя клиента и первый раскрывающийся список требовались как есть.

В зависимости от того, что вы выбрали в первомв раскрывающемся списке отображается другое раскрывающееся меню с номерами.

Я хочу проверить ошибки (отображать div id = «количество-ноль») при нажатии кнопки, если все раскрывающиеся списки равны 0. Если любое раскрывающееся меню больше 0, проверка в порядке.

Я проверил вот так (думаю, что есть лучший способ), но он не работает, и я хочу подключить его к загрузочной проверке, а не просто сделать div видимым в циклениже.

var totalQuantity = 0;

$(".quantity-select").each(function () {
    if(parseInt($(this).val()) === 0) {
        //display the bootstrap error.
        //don't want it like this: $( "#quantity-zero" ).show();
    }
})

Answer 1

Вы можете проверить свою форму с помощью jQuery Validation Plugin , вам не нужно добавлять обязательный в тег, просто добавив некоторые правила, такие как код ниже:

$("#order-form").validate({
    rules: {
        customerName: "required",
        caseSelect: "required",
    },
    messages: {
        customerName: "Please enter a customer namn.",
        caseSelect: "You need to select a quantity for your case.",
    }
});

попробуйте эту скрипку: https://jsfiddle.net/g5y9ho3x/

Answer 2

Выбор не имеет значения.Вы должны получить значение из выбранного параметра, возможно, что-то вроде этого:

$(".quantity-select option:selected").val();

РЕДАКТИРОВАТЬ:

Если вы хотите проверить все видимые выпадающие списки, которые вы можете использоватьследующий код:

$('.quantity-select:visible').each(function(){
    $(this).find('option:selected').val();
});

$(this).find('option:selected').val(); - это значение выбранного раскрывающегося списка.Таким образом, вы можете выполнить проверку в каждом операторе и, возможно, установить для переменной значение true или false в зависимости от значения.