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