Блог

Я создаю службу доставки еды для практики и требую, чтобы пользователь выбрал хотя бы одно блюдо. Сообщение об ошибке отображается в флажке:

Я хотел бы получить сообщение об ошибке здесь:

** Ошибка работает правильно, но она просто не в том месте.

Это HTML

             <h2 class="mg-b-15">Type of drinks:</h2><br>
            <input id="checkboxFT" type="checkbox" value="Pepsi" name="type" class="mg-b-15"><span
                class="tx-20">Pepsi</span><br>
            <input id="checkboxPT" type="checkbox" value="Sprite" name="type" class="mg-b-15"><span
                class="tx-20">Sprite</span><br>
            <input id="checkboxI" type="checkbox" value="Apple Juice" name="type" class="mg-b-15"><span
                class="tx-20">Apple Juice</span><br>
            <input id="checkboxII" type="checkbox" value="Orange Juice" name="type" class="mg-b-15"><span
                class="tx-20">Orange Juice</span><br>
            <input id="checkboxIII" type="checkbox" value="Fruit Punch" name="type" class="mg-b-15"><span
                class="tx-20">Fruit Punch</span><br>
 

Это JS

         type:       {
            required: true,
            minlength: 1
        },
    },
 

Сообщение об ошибке

         type: { // makes user choose drink
            required: 'Please choose a drink'
        },
 

Проверка

  $("#personalAndFoodFormId").validate({ // Make sure the user enters the required data
    ignore: "",
    rules: {
        type:       {
            required: true,
            minlength: 1
        },
    },