Axe*_*Axe 2 jquery partial-views asp.net-mvc-3
我有一个简单的电子邮件捕获表单作为我的主页的一部分,但是当我返回部分视图时,表单的编辑器的模型值没有得到更新:
该模型
public class Contact
{
[Key]
public int Id { get; set; }
[Required]
public string Email { get; set; }
[NotMapped]
public string Message { get; set; }
}
Run Code Online (Sandbox Code Playgroud)
观点
@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);
}
Run Code Online (Sandbox Code Playgroud)
偏袒
@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/>
Run Code Online (Sandbox Code Playgroud)
控制器
[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();
}
Run Code Online (Sandbox Code Playgroud)
这会按预期返回模型错误,在模型状态有效时返回消息,但响应中的电子邮件文本框值不会更新
发送电子邮件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/>
Run Code Online (Sandbox Code Playgroud)
我已经尝试创建一个新模型并将其传递给我,我已经尝试过ModelState.Clear(),我可以用一点jquery来解决这个问题
$("#Email").val(''); // clear the email address
Run Code Online (Sandbox Code Playgroud)
但这似乎有点hacky,我想了解发生了什么.
| 归档时间: |
|
| 查看次数: |
5993 次 |
| 最近记录: |