Обязательный ввод в поле, если установлен флажок

Question

Я пытаюсь сделать так, чтобы пользователи обязательно заполняли поле количества, если они отметили флажок. Тем не менее, мой код побуждает пользователей заполнять даже поля в непроверенных флажках. Не могли бы вы помочь мне решить эту проблему.

<%= form_with url: order_path, method: "get", local: true do |form|%>
    <div>   <%= form.submit "Order Now" %>   <div>

    <% @cooks.each do |cook| %>
        <tr>
        <div>  
            <%= form.check_box :cook_ids, {multiple: true}, cook.id, nil%>
            <td>Cooking Address: <%= cook.suburb %>, <%= cook.state %>,</td>
            <td>Food Category: <%= cook.category %>,</td>
            <td>Price: <%= cook.price %>,</td>
            <td>Time needed for cooking: <%= cook.cooking_time %>;</td>
            <%= image_tag cook.picture if cook.picture.attached? %>
            <%= form.label :quantity %>
            <%= form.number_field :quantity, multiple: true, min: 0, max: 10, :required => true %>


        </div>


        </tr>
  <% end %>
  <div>   <%= form.submit "Order Now" %>  <div>
<%end%>

Answer 1

Вы упомянули :required => true для поля количества, поэтому оно должно быть обязательным. Если вы хотите, чтобы поле количества зависело от установленного флажка, то сначала удалите параметр :required => true из поля количества, и напишите функциональность jquery для события проверки.

Сначала отключите поле количества. Когда пользователь установит флажок, сделайте поле количества доступным. ИЛИ Если вы не хотите отключать поле количества, напишите поле проверки для количества, поданного на подачу. Я надеюсь, что это даст вам результат, как вы ожидали.