setCustomValidity для Bootstrap 4 проверки?

Question

У меня есть этот HTML-код для отображения сообщения об ошибке

<form id="order-form" class="needs-validation" method="post" enctype="multipart/form-data" novalidate>
<div id="quantity-zero" class="invalid-feedback"></div>

Я получаю проверку Bootstrap на всех полях, но я также хочу добавить ее в свой валидацию.

$("#previewBtn").click(function(event) {
    var form = $("#order-form");
    var quantitySelected = null;

    $(".quantity-select").each(function () {
        if($(this).val() > 0) {
            quantitySelected = true;
            return false;
        } else {
            quantitySelected = false;
            //$("#quantity-zero").show();
        }
    })

Если количество выбраноложь Я хочу добавить это к ошибке начальной загрузки, ниже выдает ошибку.

Ошибка: Ошибка типа: $ (...). Форма не определена

if(quantitySelected === false) {
    $("#quantity-zero").form.setCustomValidity('This is an error.');
    }

Я проверяю форму с помощью этого

    if (form[0].checkValidity() === false) {
        event.preventDefault();
        event.stopPropagation();
        } else {
        $("#exampleModal").show();
    }
    form.addClass('was-validated');

});

Как я могу отобразить ошибку вместе с моей другой проверкой bootrap, если quantitySelected имеет значение false?