MVC学习系列——Model验证扩展

     MVC中，实现了前端后端的验证。

前端验证。步骤：

web.config这两个得开启：

    <add key="ClientValidationEnabled" value="true" />
    <add key="UnobtrusiveJavaScriptEnabled" value="true" />

JS设置

第一步：引入页面js

@Scripts.Render("~/bundles/jqueryval")

第二步：BundleConfig类，得有

 bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.validate*"));

也就是这三个js

前端验证，在MVC中的实现：

在Model上面加一些特性，都在System.ComponentModel.DataAnnotations中，比如Required  range等。

MVC中的HtmlHelp会分析这些特性，加载一下data-XX.

比如：

  [Required]
  public string Gender { get; set; }

 @Html.EditorFor(x => x.Gender)

生成的html

<input class="text-box single-line" data-val="true" data-val-required="Gender 字段是必需的。" id="Gender" name="Gender" type="text" value="">

然后根据相关JS自动实现前端验证。

服务器端验证：

 在mvc中的实现：在Model上面加一些特性，都在System.ComponentModel.DataAnnotations中，比如Required  range等。

 [HttpPost]
        public ActionResult CreateStudent(StudentViewModel model)
        {

            ModelState.AddModelError("A", "AAAAA");
            ModelState.AddModelError("B", "BBBBB");
            ModelState.AddModelError("C", "CCCCC");
            ModelState.AddModelError("D", "DDDDD");

            return View();
        }

在ModelBinder过程中，开启了服务器端的验证。同时把验证不通过信息以键值对的方式，传值给ModelState中

错误信息的呈现： 

 @Html.ValidationSummary(false)

是否隐藏错误信息：false即不隐藏错误信息，true即隐藏错误信息

@Html.ValidationMessageFor(x => x.Name)
@Html.ValidationMessage("Name")

第一个是lamda表达式，第二个是一般形式，作用是一样的。

都是呈现对应错误的（根据key，呈现对应的value）

自定义ValidationAttribut（仅针对服务器端的验证） 

1：针对一个属性 

新建类MyValidationAttribute，继承ValidationAttribute

 public class MyValidationAttribute : ValidationAttribute
    {
        public MyValidationAttribute()
        {
            ErrorMessage = "The Name Must be Zhangsan";
        }
        public override bool IsValid(object value)
        {
            if (value==null)
            {
                return false;
            }
            string result = value.ToString();
            //判断是否有值
            if (string.IsNullOrEmpty(result))
            {
                return false;
            }

            if (result=="Zhangsan")
            {
                return true;
            }

            return false;
        }
    }

应用：

public class StudentViewModel
    {
        public string ID { get; set; }
        [MyValidationAttribute]
        public string Name { get; set; }
        [Required]
        public string Gender { get; set; }
    }

View：

<div>
    @using (Html.BeginForm())
    {
        @Html.ValidationSummary(false)
        <fieldset>
            <legend>UserInfo</legend>
            <div class="editor-label">
                @Html.LabelFor(x => x.Name)
            </div>
            <div class="editor-field">
                @Html.EditorFor(x => x.Name)
                @Html.ValidationMessageFor(x => x.Name)
                @Html.ValidationMessage("Name")
            </div>

            <div class="editor-label">
                @Html.LabelFor(x => x.Gender)
            </div>
            <div class="editor-field">
                @Html.EditorFor(x => x.Gender)
                @Html.ValidationMessageFor(x => x.Gender)
            </div>
        </fieldset>
        <input type="submit" value="提交" />
    }
</div>

效果：

2：复杂的业务逻辑

类StudentViewModel继承接口 IValidatableObject

 public class StudentViewModel: IValidatableObject
    {
        public string ID { get; set; }
        [MyValidationAttribute]
        public string Name { get; set; }
        [Required]
        public string Gender { get; set; }

        public IEnumerable<ValidationResult> Validate(ValidationContext validationContext)
        {
            if (!string.IsNullOrEmpty(Name))
            {
                if (Name=="Zhangsan" && Gender=="Nan")
                {
                    yield return new ValidationResult("Zhangsan and Gender is Nan,Which is wrong!");
                }
            }
        }
    }

效果图：

源码：  http://pan.baidu.com/s/1pKDMgDd