Jquery Validate al cargar un campo por Ajax

[fhederico]

Hola,

Estuve buscando pero no encontre nada para poder solucionar esto, el problema es el siguiente, tengo un formulario que tiene los siguientes campos (Html normal):

Código HTML:

<form id="form_candidato" action="#" method="post">
 
Pais:
 
<select required="required" onchange="traeRegiones(this.value)" name="paisid" class="div_select" id="paisid">
        <option value="0">Elige una opción</option>
//Opciones
            </select>
 
//Aqui se cargarian las regiones en un select
<div id="div_regiones"></div>
 
Nombre:
<input type="text" class="div_input" maxlength="255" required="required" name="formNombre" id="formNombre">
 
Curso:
<input type="text" class="div_input" maxlength="255" required="required" name="formCurso" id="formCurso">
 
 
<input type="submit" value="Enviar">
 
</form>
 

Cuando una persona selecciona el Pais, se llama mediante un "onchange" a la funcion "traeRegiones" las cuales obviamente trae las regiones segun el pais seleccionado por Ajax.

Si se envia el formulario se valida con "validate"

Código Javascript:

<script type="text/javascript"> 
        
        $(document).ready(function() 
        {
 
            $("#form_candidato").validate({
                debug: true,
                'errorClass': 'msgboxJQ errorJQ',
                errorElement:'div',
                'highlight': function (element, errorClass) {
                    $(element).addClass('failed');
                },
                'unhighlight': function (element, errorClass) {
                    $(element).removeClass('failed');
                }
            });
        });
 
 
        function traeRegiones(id)
        {
$('#div_regiones').load("{{ path('traeRegionxPais') }}/"+id);
        }
    </script>
 

El problema es que si yo pulso enviar al formulario, me despliega el mensaje "Este campo es obligatorio." en los 3 campos originales, pero no en el campo "region".

Una solucion que encontre fue cargar despues del load la validacion (callback) pero obviamente aqui no puedo, ya que requiero que la persona pulse en el pais para poder traer la region, la duda finalmente es... existe alguna manera de poder agregar una validacion por JQuery al campo region?? o de plano simplemente le agrego una validacion con Javascript no mas

Gracias de ante mano