C# asp.net-mvc-2 client-side-validation multi-model-forms

包装/多模型视图的客户端验证

发布于 2024-12-02 19:44:05 字数 1649 浏览 1 评论 0原文

我将这两个模型类包装在一个模型中。强类型视图和服务器端验证工作得很好，但我无法让客户端验证适用于此包装的模型类。

这是我的客户端代码：

Sys.Mvc.ValidatorRegistry.validators.usernameEmail = function (rule) {

    var emailProperty = rule.ValidationParameters.emailProperty;
    var message = rule.ErrorMessage;

    return function (value, context) {
        if (!value || !value.length) {
            return true;
        }

        var usernameField = context.fieldContext.elements[0];
        var emailFieldId = $('input[name = "' + emailProperty + '"]').attr('id');
        var emailField = $get(emailFieldId, usernameField.form);

        //...validation stuff...

    };
};

问题是 emailProperty 仅返回其模型中指定的属性名称，即。 “EmailAddress”，但强类型视图将名称指定为“Model1Name.EmailAddress”，因为它的调用方式如下：

<%: Html.TextBoxFor(m => m.Model1Name.EmailAddress)%>

因此，在查找属性时它返回 null，并且出现错误。所以我想我的问题是：

有没有办法获得分配的模型名称（“Model1Name”），所以我可以将其附加到属性名称吗？
我可以从 DataAnnotations/ModelValidationRule 类传递分配的模型名称吗？如果是这样，怎么办？

以下是我的模型类：

public class Model1
{
    public string EmailAddress{ get; set; }
    ...
}

public class Model2
{
    [UsernameEmail]
    public string Username{ get; set; }
    ...
}

public class WrappedModel
{
    public Model1 Model1Name{ get; set; }
    public Model2 Model2Name { get; set; }
}

旁注：客户端验证对于单个模型视图效果很好。

编辑经过多次调试，我发现

viewContext.ViewData.TemplateInfo.GetFullHtmlFieldId("EmailAddress");

在我的 DataAnnotationsModelValidator 中仅返回参数名称“EmailAddress”，而忽略了其前缀“Model1Name”，从而返回错误的 ID。

任何帮助将不胜感激。谢谢。

原文

I have these 2 model classes wrapped in one model. The strongly typed view and server side validation works well enough but I can't get the client-side validation working for this wrapped model class.

Here's my client-side code:

Sys.Mvc.ValidatorRegistry.validators.usernameEmail = function (rule) {

    var emailProperty = rule.ValidationParameters.emailProperty;
    var message = rule.ErrorMessage;

    return function (value, context) {
        if (!value || !value.length) {
            return true;
        }

        var usernameField = context.fieldContext.elements[0];
        var emailFieldId = $('input[name = "' + emailProperty + '"]').attr('id');
        var emailField = $get(emailFieldId, usernameField.form);

        //...validation stuff...

    };
};

The problem is that emailProperty returns only the property name stated in its model ie. "EmailAddress" but the strongly typed view assigns the name as "Model1Name.EmailAddress" since it is called like:

<%: Html.TextBoxFor(m => m.Model1Name.EmailAddress)%>

Thus it returns null when looking for the property and I get an error. So I guess my questions here would be:

Is there a way to get the assigned model name ("Model1Name") so I
could append it with the property name?
Could I pass the assigned model name from the DataAnnotations/ModelValidationRule classes? If so, how?

Here are my model classes:

public class Model1
{
    public string EmailAddress{ get; set; }
    ...
}

public class Model2
{
    [UsernameEmail]
    public string Username{ get; set; }
    ...
}

public class WrappedModel
{
    public Model1 Model1Name{ get; set; }
    public Model2 Model2Name { get; set; }
}

Side-note: The client side validation works well for single model views.

Edit
After much debugging, I found out that

viewContext.ViewData.TemplateInfo.GetFullHtmlFieldId("EmailAddress");

in my DataAnnotationsModelValidator is returning only the parameter name "EmailAddress" and is leaving out its prefix "Model1Name" thus returning the wrong Id.

Any help would be appreciated. Thanks.

分享到QQ

分享到微博