MVC验证01-基础、远程验证

本文体验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")

}

效果：

□ 去除客户端验证

把与客户端验证相关的属性设置为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;

            //假设让某个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;

            //假设让某个username不通过

             if (userName != "demo" && email != "abc@qq.com" )

             {

                isValidate = true;

             }

            //Remote验证是通过get方式请求的

            return Json(isValidate, JsonRequestBehavior.AllowGet);

        }

巴特西

MVC验证01-基础、远程验证

最新文章

热门文章