Al validar el formulario, usar la selección elegida no valida las selecciones, pero la eliminación de ochosen-select ya funciona. Muestro el ejemplo:
$("#validate").on("click",function(){ if(!$(".alerta").valid()); }); $(".alerta").validate({ messages: { Tipo: "Tipo de alerta obrigatório", Prioridade: { required: "Prioridade obrigatório" } } }); $(".chosen-select").chosen({ disable_search_threshold: 5, no_results_text: "Sem resultados", placeholder_text_multiple: "Selecione opções", width: "100%" }); <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script> <form method="POST" class="row g-3 alerta"> <div class="col-md-4"> <label for="Tipo" class="form-label">TIPO DE ALERTA <span style="color: red;">*</span></label> <select class="form-select chosen-select" name="Tipo" id="Tipo" required> <option></option> <option value="1">Teste</option> <option value="2">Teste1</option> </select> </div> <div class="col-md-4"> <label for="Tipo" class="form-label">Prioridade <span style="color: red;">*</span></label> <select class="form-select" name="Prioridade" id="Prioridade" required> <option></option> <option value="1">Prioridade</option> <option value="2">Prioridade1</option> </select> </div> <div class="col-12"> <button type="button" class="btn-wide btn btn-success" style="float: right; margin-right: 5%; margin-top: 1%;" id="validate"> Enviar <i class="metismenu-icon pe-7s-paper-plane"></i></button> </div> </form>En el select en el que utilizo elijo-seleccionar, no hay ningún valor seleccionado, pero no muestra el mensaje al usuario ya que el campo es obligatorio.
La selección elegida agrega visibility:hidden en el cuadro de selección.
Tienes que validar elegido-seleccionar con fuerza.
$.validator.setDefaults({ ignore: ":hidden:not(.chosen-select)" }) Agregue la línea anterior justo antes (".alerta").validate() .