Estoy tratando de usar jQuery (complemento de validación de jQuery) para validar algunas entradas y asegurarme de que los campos de entrada no estén vacíos. Tengo algunas entradas de casilla de verificación junto con seleccionar y otros elementos de entrada. Todas las demás validaciones están funcionando y agregan algo de html para solicitar al usuario que ingrese las entradas requeridas.
Sin embargo, la validación de las casillas de verificación no funciona; no se imprime ninguna advertencia en la página web si no se selecciona ninguna casilla de verificación. ¿Cómo puedo hacer que la validación de casillas de verificación funcione en el siguiente código, por favor?
$("#the-form").validate({ rules: { 'food_item[]': { required: true, minlength: 1, }, select_event: { required: true, }, } }) <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <form id="the-form"> <div class="dropdown-menu w-100 p-5" aria-labelledby="dropdownMenuButton" id="the_things"> <div class="d-flex justify-content-between border-bottom py-5"> <label for="one_thing">One thing</label> <input name="food_item[]" type="checkbox" class="dropdown-item w-25" id="one_thing" value="Item One"> </div> <div class="d-flex justify-content-between border-bottom py-5"> <label for="second_thing">Second thing</label> <input name="food_item[]" type="checkbox" class="dropdown-item w-25" id="second_thing" value="Item two"> </div> <div class="d-flex justify-content-between border-bottom py-5"> <label for="third_thing">Third thing</label> <input name="food_item[]" type="checkbox" class="dropdown-item w-25" id="third_thing" value="Item three"> </div> </div> </form> <button class="btn btn-outline-danger bg-light-danger d-block font-weight-bolder my-8" id="">Continue</button> <script src= "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src= "https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script> <script src= "https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>