如何使用 jQuery 远程验证依赖于表单中另一个字段的字段？

Question

我有一个表单，其中使用远程验证来检查数据库中是否已存在电子邮件地址。然而，问题在于，在此表单上，用户可以在几个不同的“组”之间进行选择，并且每个组都有自己不同的电子邮件地址集（因此相同的电子邮件可以在每个组中存在一次）。

组选择是表单上的下拉菜单，电子邮件地址是具有远程验证功能的输入字段。我有几个问题。首先，我已经像这样设置了远程规则：

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

但是，这似乎将 group_id 参数静态设置为选择中的第一个值。意思是，如果我更改选择，然后再次触发远程验证，group_id 参数不会更改

首先，如何根据表单中选择的值使此参数动态化？

其次，如何手动触发电子邮件地址字段的远程验证？当 group_id 选择更改时，我想重新触发电子邮件地址字段的远程验证（不更改该字段的值）。我尝试使用

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

但这似乎只触发标准验证（必需，电子邮件），而不是远程调用。

Answer 1

找到了我的问题第二部分的解决方案：

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

将删除远程请求的缓存，并允许使用 .element() 再次触发远程请求。

因此我的代码如下：

$("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
});

在这里找到解决方案： 解决方案

我的问题的第一部分最初由@Jeffery 回答。

需要做的就是将参数的值更改为函数，而不仅仅是一个值。 Jeffery 的示例复制如下，供未来的 Google 用户参考：

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

Answer 2

从远程的第二个示例来看，它看起来像函数（在验证期间评估）可以用于数据，所以

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

应该可以工作。

对于第二个问题，您是否尝试将验证规则传递给 validate() ？