¿Cómo se usa jQuery para validar remotamente un campo que depende de otro campo en el formulario?

Question

Tengo un formulario en el que estoy usando la validación remota para verificar si ya existe una dirección de correo electrónico en la base de datos. Sin embargo, la trampa es que en esta forma, el usuario puede seleccionar entre varios "grupos" diferentes, y cada grupo tiene su propio conjunto distinto de direcciones de correo electrónico (por lo tanto, el mismo correo electrónico puede existir una vez en cada grupo).

La selección de grupo es un menú desplegable en el formulario y la dirección de correo electrónico es un campo de entrada con validación remota. Tengo un par de problemas. En primer lugar, he levantado mi regla remota como esto:

remote: { 
    url: 'remote_script.php', 
    data: { group_id: $('select.group_id').val() } 
} 

Sin embargo, esto parece configurar estáticamente el parámetro group_id a lo que el primer valor de la selección es. Es decir, si cambio la selección, entonces desencadenaré nuevamente la validación remota, el parámetro group_id no cambia

Primero, ¿cómo puedo hacer que este parámetro sea dinámico, dependiendo del valor de una selección en el formulario?

En segundo lugar, ¿cómo activo manualmente la validación remota en el campo de la dirección de correo electrónico? Cuando se cambia group_id select, quiero volver a activar la validación remota en el campo de la dirección de correo electrónico (sin cambiar el valor del campo). Intenté usar

$(selector).validate().element('.email_addr') 

Pero esto parece activar solamente la validación estándar (requerida, correo electrónico), y no la llamada remota.

Answer 1

encontrado la solución a la segunda parte de mi pregunta:

$(".email_addr").removeData("previousValue"); 

eliminará la memoria caché de la petición remota, y permitir que la solicitud remota que se active de nuevo, usando .element().

Por tanto, mi código es el siguiente: se encontró

$("select.group_id").change(function() { 
    $(".email_addr").removeData("previousValue"); //clear cache when changing group 
    $("#customer_form").data('validator').element('.email_addr'); //retrigger remote call 
    //my validator is stored in .data() on the form 
}); 

solución aquí: solution

La primera parte de mi pregunta fue respondida originalmente por @Jeffery Para

Todo lo que es necesario que haya hecho es cambiar el valor del parámetro a una función, en lugar de solo un valor. El ejemplo de Jeffery se copia a continuación para futuros usuarios de Google:

remote: { 
    url: 'remote_script.php', 
    data: { 
    group_id: function() { 
     return $('select.group_id').val(); 
    } 
    } 
} 

Answer 2

Desde el second example de distancia se ve como funciones (evaluados durante la validación) se puede utilizar para los datos, por lo

remote: { 
    url: 'remote_script.php', 
    data: { 
     group_id: function() { 
      return $('select.group_id').val(); 
     } 
    } 
} 

debería funcionar.

Para su segunda pregunta, ¿intentó pasar las reglas de validación al validate()?