我有一个简单的电子邮件捕获表单作为我的主页的一部分,但是当我返回部分视图时,表单编辑器的模型值没有得到更新:
模特
public class Contact
{
[Key]
public int Id { get; set; }
[Required]
public string Email { get; set; }
[NotMapped]
public string Message { get; set; }
}
观点
@model TestApp.Models.Contact
@{
ViewBag.Title = "Home Page";
}
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.form.js")" type="text/javascript"></script>
<script type="text/javascript" >
$(function () {
// ajax form post
$("#EmailForm").ajaxForm(function (result) {
$("#EmailForm").html(result); // post results
});
});
</script>
@using (@Html.BeginForm("SaveEmail", "Home", FormMethod.Post, new { id = "EmailForm" }))
{
@Html.Partial("SaveEmail", Model);
}
部分
@model TestApp.Models.Contact
<span class="editor-label">
@Html.LabelFor(m => m.Email) :
</span>
<span class="editor-field">
@Html.EditorFor(m => m.Email)
</span>
<input type="submit" value="Submit" />
<div id="message">
@Html.ValidationMessageFor(m => m.Email)
@Html.DisplayFor(m => m.Message)
</div>
<br/>
控制器
[HttpPost]
public PartialViewResult SaveEmail(Contact contact)
{
if (ModelState.IsValid)
{
//TODO: save e-mail to database
contact.Message = "You e-mail has been added to our database - Thank y ou";
contact.Email = "";
return PartialView(contact);
}
return PartialView();
}
这会按预期返回模型错误,在模型状态有效时返回消息,但响应中的电子邮件文本框值未更新
发布电子邮件a@b.com时,回复形式为firebug
<span class="editor-label">
<label for="Email">Email</label> :
</span>
<span class="editor-field">
<input class="text-box single-line" id="Email" name="Email" type="text" value="a@b.com" />
</span>
<input type="submit" value="Submit" />
<div id="message">
You e-mail has been added to our database - Thank you
</div>
<br/>
我已经尝试创建一个新模型并将其传递给我,我已经尝试了ModelState.Clear(),我可以用一点jquery修复问题
$("#Email").val(''); // clear the email address
但这看起来有点哈哈,我想了解发生了什么。
答案 0 :(得分:9)
在将电子邮件字段设置为空字符串之后添加ModelState.Clear()并且在返回PartialView之前应该可以解决问题。您也可以尝试ModelState.Remove(“Email”)。
有关内置帮助程序以何种方式运行的详细信息,请参阅this blog post。