本文体验MVC服务端和客户端验证。主要涉及：
※ 基础验证
※ 远程验证1个或多个属性及注意点
基础体验
创建MVC4的Internet项目，本身包含了基本的Model,Views，Controller.
□ Model打上验证特性
展开 public class RegisterModel
{
[Required]
[StringLength(3, MinimumLength = 2)] //加
[Display(Name = "用户名")]
public string UserName { get; set; }
[Required]
[StringLength(100, ErrorMessage = "{0}栏位最少{2}个字，最多{1}个字", MinimumLength = 6)]
[DataType(DataType.Password)]
[Display(Name = "密码")]
public string Password { get; set; }
[DataType(DataType.Password)]
[Display(Name = "确认密码")]
[Compare("Password", ErrorMessage = "密码和确认密码不匹配。")]
public string ConfirmPassword { get; set; }
}
□ HomeController中关于注册的部分
展开 [AllowAnonymous]
public ActionResult Register()
{
return View();
}
//
// POST: /Account/Register
[HttpPost]
[AllowAnonymous]
[ValidateAntiForgeryToken]
public ActionResult Register(RegisterModel model)
{
if (ModelState.IsValid)
{
// 尝试注册用户
try
{
WebSecurity.CreateUserAndAccount(model.UserName, model.Password);
WebSecurity.Login(model.UserName, model.Password);
return RedirectToAction("Index", "Home");
}
catch (MembershipCreateUserException e)
{
ModelState.AddModelError("", ErrorCodeToString(e.StatusCode));
}
}
// 如果我们进行到这一步时某个地方出错，则重新显示表单
return View(model);
}
□ /Home/Register视图
展开@model MvcValidation.Models.RegisterModel
@{
ViewBag.Title = "注册";
}
@using (Html.BeginForm()) {
@Html.AntiForgeryToken()
@Html.ValidationSummary()
<fieldset>
<legend>注册表单</legend>
<ol>
<li>
@Html.LabelFor(m => m.UserName)
@Html.TextBoxFor(m => m.UserName)
</li>
<li>
@Html.LabelFor(m => m.Password)
@Html.PasswordFor(m => m.Password)
</li>
<li>
@Html.LabelFor(m => m.ConfirmPassword)
@Html.PasswordFor(m => m.ConfirmPassword)
</li>
</ol>
<input type="submit" value="注册" />
</fieldset>
}
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
效果：
□ 去除客户端验证
<appSettings>
<add
key="ClientValidationEnabled" value="false" />
<add
key="UnobtrusiveJavaScriptEnabled" value="false" />
</appSettings>
把与客户端验证相关的属性设置为false，发现验证慢了很多。
体验远程验证属性
有时候，比如验证用户名是否存在，我们希望可以发一个异步请求到控制器。
给属性打上Remote属性。
展开 public class RegisterModel
{
[Required]
[StringLength(6, MinimumLength = 2)] //加
[Display(Name = "用户名")]
[Remote("CheckUserName","Validate", ErrorMessage = "远程验证用户名失败")]
public string UserName { get; set; }
[Required]
[StringLength(100, ErrorMessage = "{0}栏位最少{2}个字，最多{1}个字", MinimumLength = 6)]
[DataType(DataType.Password)]
[Display(Name = "密码")]
public string Password { get; set; }
[DataType(DataType.Password)]
[Display(Name = "确认密码")]
[System.ComponentModel.DataAnnotations.Compare("Password", ErrorMessage = "密码和确认密码不匹配。")]
public string ConfirmPassword { get; set; }
}
Validate控制器
展开 //这里的参数userName必须和view model中的属性UserName保持一致
public JsonResult CheckUserName(string userName)
{
bool isValidate = false;
if (Url.IsLocalUrl(Request.Url.AbsoluteUri))//检查是否是本站请求
{
//假设让某个username不通过
if (userName != "demo")
{
isValidate = true;
}
}
//Remote验证是通过get方式请求的
return Json(isValidate, JsonRequestBehavior.AllowGet);
}
注意：
远程验证控制器方法参数必须和view
model中需要远程验证的属性一致，但不区分大小写。
结果：
□ 同时远程验证多个属性
比如我们想同时远程验证UserName和Email。
我们可以在View
model的其中一个属性打上Remote，其它需要Remote验证的属性放在AdditionalFields中列举。
public string UserName { get; set; }
[Remote("CheckUserName", "Validate", AdditionalFields = "UserName",
ErrorMessage = "远端验证失败")]
public string Email { get; set;
}
注意：
AdditionalFields列举的字段是区分大小写的。
对应控制器远程验证方法：
展开 //这里的参数userName,email必须和view model中的属性UserName, Email保持一致,不区分大小写
public JsonResult CheckUserName(string userName， string email)
{
bool isValidate = false;
if (Url.IsLocalUrl(Request.Url.AbsoluteUri))//检查是否是本站请求
{
//假设让某个username不通过
if (userName != "demo" && email != "abc@qq.com" )
{
isValidate = true;
}
}
//Remote验证是通过get方式请求的
return Json(isValidate, JsonRequestBehavior.AllowGet);
}
MVC验证01-基础、远程验证,布布扣,bubuko.com
MVC验证01-基础、远程验证
