我有一个类似代码的MVC应用程序。我使用JS点击按钮添加日期字段。
模型:
public class FruitViewModel
{
public Guid Id { get; set; }
public string Name { get; set; }
public List<FruitDate> DateList {get;set;}
}
public class FruitDate
{
[DataType(DataType.Date, ErrorMessage = "Invalid Date")]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public DateTime BuyDate{get;set;}
[DataType(DataType.Date, ErrorMessage = "Invalid Date")]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public DateTime SellDate{get;set};
}
我的看法 :
<input asp-for="Id" type="hidden">
<button id="btnAdd" type="button" value="Add row" class="btn btn-default">Save Changes</button>
<button id="btnSave" type="submit" value="Save Changes" class="btn btn-default">Save Changes</button>
<div id="divFruits" class="row">
</div>
JS
$(document).on('click', '#btnSubmit', function (e) {
let newDiv = '<div class="row"><div class="col-md-12"> +
'<div class="col-xs-6"><input class="form-control" type="date" data-val="true" data-val-required="The BuyDate field is required." id="DateList_0__BuyDate" name="DateList[0].BuyDate" value="' + currentdate + '"> </div>' +
'<div class="col-xs-6"><input class="form-control" type="date" data-val="true" data-val-required="The SellDate field is required." id="DateList_0__SellDate " name="DateList[0].SellDate " value="' + currentdate + '"></div>' +
'</div ></div >'
$('#divFruits').append(newDiv);
});
单击按钮会在divFruits中添加一个新行,所有这些都可以正常工作。
在提交时,它转到控制器,代码如下。
[HttpPost]
public ActionResult SaveFruits(FruitViewModel model)
{
try
{
if (ModelState.IsValid)
{
}
var allErrors = ModelState.Values.SelectMany(v => v.Errors.Select(b => b.ErrorMessage));
ModelState.AddModelError("", "An error occured. Please try again");
}
}
它一直工作正常,买入和卖出日期被绑定到模型。在无效的买入或卖出日期,例如02/31/3019,模型状态按预期失败。但是allErrors变量有消息
值''无效。
为什么我没有得到无效字段的字段名称,例如值'FruitDate [0] .BuyDate'无效。
您没有获得该字段的名称,因为DataType
属性在从post数据绑定到model之前未验证。
要使您的Required
属性起作用,您必须将您的DateTime
字段更改为可为空:
public DateTime? BuyDate{get;set;}
public DateTime? SellDate{get;set};