在MVC剃刀中更改Name属性,打破Model

时间:2018-03-06 22:45:57

标签: c# asp.net-mvc razor formvalidation.io

我有以下型号:

public class Patient
{
    public DateTime DOB { get; set; }
    public DateTime DateCreated { get; set; }
    [Required] // FullName is required
    public string FullName{ get; set; }
    public virtual Address Address { get; set; }
}

地址是一个相关实体。

public class Address
{
    public string Street { get; set; }
    ...
}

我正在使用formvalidation.io (formvalidation.io)来确保字段是必需的。

formvalidation.io的片段显示了json的结构

fields: {
            FullName: {
                validators: {
                    notEmpty: {
                        message: 'The full name is required'
                    }
                }
            }...

哪种方式正常运作。

说到我的相关地址实体,我的自动剃须刀视图是:

@Html.TextBoxFor(x => x.Address.Street, new { @class = "form-control" })

创建以下HTML

<input class="form-control" data-val="true" data-val-required="The Street field is required." id="Address_Street" name="Address.Street" type="text" value="">

所以,我发布了我的表格,所有信息都存在,包括相关的“地址”信息,除了验证不起作用。

如果我回到formvalidation.io,我无法将我的字段重命名为以下内​​容,因为它不正确JSON:

fields: {
        **Address.Street**: {
            validators: {
                notEmpty: {
                    message: 'The street is required'
                }
            }
        }

所以我更改了Razor视图中的“Name”属性,所以它看起来像这样:

@Html.TextBoxFor(x => x.Address.Street, new { @class = "form-control", Name = "Street" })

我删除了“地址”。来自我的formvalidation.io JSON,所以我只有'Street'与输出的HTML中的'Name'属性相匹配。一切都可以正常验证。问题是当我实际发布信息时,'Address'元素为null。没有与地址相关的信息被发布,感觉我可以通过更改“名称”来使用验证  元素属性但不接收数据,或者我通过获取数据而失去验证。

我可以同时拥有数据和验证吗?

亲切的问候

修改

我的表单是通过ajax提交的。验证成功后,将运行以下JavaScript:

           $.ajax({
                    type: 'POST',
                    url: "add",
                    data: $('#form-validation').serialize(),
                    dataType: "json",
                    success: function (resultData) { alert("Save Complete") }
                });

1 个答案:

答案 0 :(得分:2)

虽然Address.Street无效JSON标记,但'Address.Street'是。这应该允许JSON正确验证。

你的JSON应该是这样的。

fields: {
    'Address.Street': {
        validators: {
            notEmpty: {
                message: 'The street is required'
            }
        }
    }