使用 JQuery 远程表单验证发送附加信息

Question

我正在尝试通过查看两个不同的字段来远程验证字段。问题是，在我看到的有关如何远程验证发送附加数据的所有示例中，它们都使用正在处理的其他字段的 ID。因此，remote() 的 jQuery 验证 API 页面上的示例使用“#username”并将其发送到电子邮件字段。

我的页面很奇怪，并且有多个相同的表单，并且页面上的表单数量是可变的，因此我不能为每个字段提供唯一的 id。有没有办法找出正在验证/进行远程调用的字段或表单？我尝试了类似以下的操作，因为我认为 $(this) 应该是正在验证的文本框，或者正在验证的单个表单，但事实似乎并非如此。

number: {
                  required: true,
                  number: true,
                  remote: {
                    url: "confirm.php",
                    data: {
                        toy: function() {
                            return $('select[name="toy"]:selected',this).val();
                        }
                    }
                  }
          }

谢谢， Jared

Edit：我最终找到了一种让它发挥作用的方法。传递表格的建议给了我这个想法。

由于页面上有多个表单，因此我使用 $('form').each(function() {$(this).validate({....})});

因此，我只是在验证调用之前使用 var form = $(this) 保存了对当前表单的引用，然后在我之前给出的示例中，我只需要做一个小更改：

data: {
    toy: function() {
        return $('select[name="toy"]',form).val();
    }
}

现在每个字段都知道它属于哪个表单！

Answer 1

您可以为每个表单分配一个唯一的 formId，并且每当提交表单时，您都可以将 formId 与表单中的其他信息一起提交，以便识别哪个表单正在提交表格？

例如，在表单的 html 代码中，您可以执行如下操作：

Form # 1: (form id as 1)

<form id="form_1">
Name: <input type='text' id='name_1'> <br>
Address: <input type='text' id='address_1'> <br> 
<input type='button' value='Submit' onclick='validate(1);'>
</form>

Form # 2: (with form id as 2)

<form id="form_2">
Name: <input type='text' id='name_2'> <br>
Address: <input type='text' id='address_2'> <br> 
<input type='button' value='Submit' onclick='validate(2);'>
</form>

在 javascript 中，类似如下：

function validate(formId)
{
   var data = {};
   //Example data that is to be submitted for validation:
   data.name = $("#name_" + formId).val();
   data.address = $("#address_" + formId).val();
   //.. and so on
   data.formId = formId;

   $.post('http://example.com/confirm.php', data, function(result)
     {
       //process the return of the remote validation here, 
       //found in the variable: result
     }
   );
}