jQuery 验证器插件无法访问匿名表单中的动态字段

Question

我在部分中有一个需要电子邮件地址的字段，我想在用户键入时验证这一点并使用 this plugin 显示消息

更新:Fiddle Example

我的表单没有包含该字段的名称，它实际上是部分的一部分，它是我需要验证的最后一个字段，这让我感到悲伤。

主要问题似乎是我如何尝试访问该字段本身，因为它是动态的，使用 jQuery 我通过 $("input[name*='email']") 访问它 使用 rules: {}，但是当我尝试在验证插件函数中使用它时，我会遇到错误(不用说，我不太擅长 jquery)。

如何访问电子邮件字段，因为它的结果类似于 contacts[884414e3-9262-4a77-a448-b8f885703e9d].email？

jQuery:

var email = $("input[name*='email']");
    $('form').validate({
        rules: {
            email: "required email",
        },
        messages: {
            email: {
                required: "Enter your Email",
                email: "Please enter a valid email address.",
            }
        }
    });

还尝试过:

$('form').validate({
        rules: {
            "input[name*='email']": "required email",
        },
        messages: {
            "input[name*='email']": {
                required: "Enter your Email",
                "input[name*='email']": "Please enter a valid email address.",
            }
        }
    });

Answer 1

我如何实现它的一些问题以及与插件本身相关的一些误解。

它将与匿名表单一起使用，您可以搜索包含特定字符的元素，在本例中为“电子邮件”。

不确定哪个是两个代码示例的首选实现，但两者都有效。然而，.NET 似乎需要替代方案。

工作代码

$(document).ready(function () {

    $('form').validate({
        submitHandler: function (form) {
            return false;
        }
    });
    $("[name*='email']").each(function() {
        $(this).rules("add", {
            required: true, // will request content
            email: true // will request a valid email
        });
    });

});

工作示例 fiddle