MVC验证12-使用DataAnnotationsExtensions对整型、邮件、最小值、文件类型、Url地址等验证

本文体验来自http://dataannotationsextensions.org/的DataAnnotationsExtensions.MVC3，是DataAnnotation的扩展，可以在客户端和服务端进行双重验证，能验证的类型包括：

 

● 邮件验证
● 整型验证
● 日期验证
● 数字验证(即从零开始的数字，不包括带小数点)
● 是否相同验证
● 文件类型验证
● int类型验证(可以是负的int类型)
● 最大数值验证(数值可以带小数点，可以对负数验证)
● 最小数值验证(数值可以带小数点，可以对负数验证)
● 数值验证(可以是负数，可以带小数点，就是不能是字符串)
● url地址验证
● 年份验证
......

 

MVC验证兄弟篇：
● MVC验证01-基础、远程验证  
● MVC验证02-自定义验证规则、邮件验证  
● MVC验证03-自定义验证规则、禁止输入某些值 
● MVC验证04-自定义验证规则、日期范围验证  
● MVC验证05-自定义验证规则、验证2个属性值不等  
● MVC验证06-自定义错误信息  
● MVC验证07-自定义Model级别验证  
● MVC验证08-jQuery异步验证  
● MVC验证09-使用MVC的Ajax.BeginForm方法实现异步验证  
● MVC验证10-到底用哪种方式实现客户端服务端双重异步验证  
● MVC验证11-对复杂类型使用jQuery异步验证  

□ 安装

引用→右键→选择"管理NuGet程序包"→输入"DataAnnotationsExtensions"搜索→安装"DataAnnotationsExtensions.MVC3"

 

需要同时引入2个文件，DataAnnotationsExtensions用于服务端验证，DataAnnotationsExtensions.MV3用户客户端验证：

 

引入后，引用文件夹包括：

 

另外，不要被DataAnnotationsExtensions.MV3的名称疑惑，在MVC4下照样可以使用。

 

  验证邮件、整型、最小数、文件类型

□ View Model

using System.ComponentModel.DataAnnotations;
using DataAnnotationsExtensions;

namespace MvcApplication1.Models
{
    public class Sample
    {
        [Email(ErrorMessage = "请输入有效邮箱")]
        [Required(ErrorMessage = "必填")]
        [Display(Name = "邮箱")]
        public string Email { get; set; }

        [Integer(ErrorMessage = "必须为整数")]
        [Min(1, ErrorMessage = "至少为1")]
        [Display(Name = "年龄")]
        public int Age { get; set; }

        [DataAnnotationsExtensions.FileExtensions("png|jpg|jpeg|gif", ErrorMessage = "允许的文件类型为png|jpg|jpeg|gif")]
        [Display(Name = "文件类型")]
        public string File { get; set; }
    }
}

 

□ 视图：必须包含与客户端验证相关的jquery,即@Scripts.Render("~/bundles/jqueryval")

@model MvcApplication1.Models.Sample

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Index</h2>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Sample</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Email)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Email)
            @Html.ValidationMessageFor(model => model.Email)
        </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 class="editor-label">
            @Html.LabelFor(model => model.File)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.File)
            @Html.ValidationMessageFor(model => model.File)
        </div>

        <p>
            <input type="submit" value="提交" />
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

□ 结果

邮箱不符合要求报错：

年龄小于1报错：

年龄不为整型报错：

文件类型不符合要求报错：

 

  验证Url地址，比较验证

□ View Model

    public class Sample1
    {
        [Display(Name = "密码")]
        public string Password { get; set; }

        [Display(Name = "确认密码")]
        [EqualTo("Password",ErrorMessage = "密码不匹配")]
        public string PasswordConfirm { get; set; }

        [Display(Name = "Url地址")]
        [DataAnnotationsExtensions.Url(UrlOptions.RequireProtocol,ErrorMessage = "Url地址不符合要求")]
        public string HomePage { get; set; }
    }

 

□ 视图

@model MvcApplication1.Models.Sample1

@{
    ViewBag.Title = "Hello";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Hello</h2>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Sample1</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Password)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Password)
            @Html.ValidationMessageFor(model => model.Password)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.PasswordConfirm)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.PasswordConfirm)
            @Html.ValidationMessageFor(model => model.PasswordConfirm)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.HomePage)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.HomePage)
            @Html.ValidationMessageFor(model => model.HomePage)
        </div>

        <p>
            <input type="submit" value="提交" />
        </p>
    </fieldset>
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

□ 结果

密码不一致报错：

 

Url地址不符合要求：

参考资料：
※ INTRODUCING DATA ANNOTATIONS EXTENSIONS