MVC验证09-使用MVC的Ajax.BeginForm方法实现异步验证
浏览数：23 /
时间：2015年06月09日
MVC中，关于往后台提交的方法有：
1、Html.BeginForm()：同步
2、Ajax.BeginForm()：异步
3、js或jQuery提交后台
本文体验Ajax.BeginForm()方法。
View model
using System;using System.ComponentModel.DataAnnotations;namespace XHelent.Models{public class Registration : IValidatableObject
{public string RegisrationUniqueId { get; set; }
[Required]
[Display(Name = "姓名")]public string Name { get; set; }
[Required]
[Display(Name = "年龄")]public int Age { get; set; }
public System.Collections.Generic.IEnumerable<ValidationResult> Validate(ValidationContext validationContext) { if (Age < 18) {yield return new ValidationResult("年龄至少18岁以上", new String[]{"Age"});
}
}
}
}
让model实现了IValidatableObject，在model层自定义验证逻辑和错误信息。
HomeController
using System.Security.Cryptography;using System.Web;using System.Web.Mvc;using XHelent.Models;namespace XHelent.Controllers{public class HomeController : Controller
{ public ActionResult Index() {return View(new Registration());
}
[HttpPost]
public PartialViewResult Index(Registration model) { if (ModelState.IsValid) { RNGCryptoServiceProvider csp = new RNGCryptoServiceProvider();byte[] registrationBytes = new byte[16];
csp.GetBytes(registrationBytes);
model.RegisrationUniqueId = Convert.ToBase64String(registrationBytes);
return PartialView("Success", model);
}
else {return PartialView("FormContent", model);
}
}
}
}
无论验证成功或失败，都返回强类型部分视图。
Home/Index.cshtml视图
@model XHelent.Models.Registration
@{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml";}
<h2>当前时间：@DateTime.Now.ToShortDateString()</h2>
<div id="formContent"> @{Html.RenderPartial("FormContent");}</div>
Home/FormContent.cshtml部分视图
@model XHelent.Models.Registration
@{ AjaxOptions options = new AjaxOptions { HttpMethod = "Post",UpdateTargetId = "formContent" //可忽略
};
}
<style type="text/css"> .field-validation-error {color: red;
}
</style>
@using (Ajax.BeginForm(options)){<fieldset>
<legend>登记</legend>
<div class="editor-label">
@Html.LabelFor(model => model.Name)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.Age)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Age)
@Html.ValidationMessageFor(model => model.Age)
</div>
<div>
<input type="submit" value="登记"/>
</div>
</fieldset>
}
Home/Success.cshmtl视图
@model XHelent.Models.Registration
<h2>恭喜，注册成功了！</h2>
<p>注册号为：@Model.RegisrationUniqueId</p>
没有填写效果：
年龄小于18效果：
输入正确效果：
==总结
使用Ajax.BeginForm()虽然可以实现异步提交并验证，但，如果放到后台管理系统的背景下，返回部分视图可能不是很方便。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
