ASP.NET MVC Model驗證(一)

ASP.NET MVC Model驗證(一)

前言

前面對於Model綁定部分作了大概的介紹,從這章開始就進入Model驗證部分了,這個實際上是一個系列的Model的綁定往往都是伴隨着驗證的。也會在後面的篇幅中講解MVC框架中Model驗證的機制,以及一些Model驗證的方式講解,本章只是一個簡單的示例篇幅,對於有基礎的朋友可以直接跳過了(不能耽誤大家時間)。

 

Model驗證

  • Model驗證簡單運用示例
  • ModelValidator使用生成過程
  • 自定義實現DefaultModelBinder進行驗證
  • 自定義ModelValidatorProvider 和ModelValidator 
  • ValidationAttribute特性類使用
  • 自定義ValidationAttribute特性類的示例實現

 

Model驗證簡單運用示例

ViewModel的定義

首先看一下ViewModel的定義,Model驗證當然離不開Model了,示例代碼1-1。

代碼1-1

namespace MvcApplication.Models
{
    /// <summary>
    /// ViewModel-用戶註冊信息
    /// </summary>
    public class RegistrationInformation
    {
        public string ID { get; set; }
        public string UserID { get; set; }
        public string Password1 { get; set; }
        public string Password2 { get; set; }
        public string Name { get; set; }
    }
}

代碼1-1中,定義了RegistrationInformation類型包含着一些註冊信息的屬性。

 

配置環境

有了ViewModel過後我們需要數據展示頁面,我們定義個ModelValidatorController控制器,並且在其中定義了Index()方法,用於顯示頁面提供給用戶輸入註冊的信息。示例代碼1-2.

代碼1-2

namespace MvcApplication.Controllers
{
    public class ModelValidatorController : Controller
    {
        public ActionResult Index()
        {
            return View(new Models.RegistrationInformation());
        }
    }
}

然後我們還要定義頁面的代碼,也就是對應Index()方法的Index視圖,示例代碼1-4.

代碼1-3

@model MvcApplication.Models.RegistrationInformation
@{
    ViewBag.Title = "Index";
}
<h2>Index</h2>
@using (Html.BeginForm("ModelValidator","ModelValidator"))
{
    <p>用戶註冊ID:@Html.EditorFor(m=>m.ID)</p>
    <p>用戶名:@Html.EditorFor(m=>m.UserID)</p>
    <p>登錄密碼:@Html.EditorFor(m=>m.Password1)</p>
    <p>再次輸入域密碼:@Html.EditorFor(m=>m.Password2)</p>
    <input type="submit" value="提交" />
}

代碼1-3中的表單被定義指向了ModelValidatorController控制器的ModelValidator()方法,這裏抱歉我沒有把命名的定義很好的區分開。

既然代碼1-3中指向了ModelValidator()方法,這個時候我們需要修改示例代碼1-2中的代碼,添加示例代碼1-4到示例代碼1-2中。

代碼1-4

        public ActionResult ModelValidator(RegistrationInformation regInfo)
        {
            if (string.IsNullOrEmpty(regInfo.ID) || regInfo.ID == "")
            {
                this.ModelState.AddModelError("ID", "請輸入ID,ID不能爲空!");
            }
            if (string.IsNullOrEmpty(regInfo.UserID) || regInfo.UserID == "")
            {
                this.ModelState.AddModelError("UserID", "請輸入用戶賬戶,用戶賬戶不能爲空!");
            }
            if (string.IsNullOrEmpty(regInfo.Password1) || regInfo.Password1 == "")
            {
                this.ModelState.AddModelError("Password1", "請輸入登錄密碼,登錄密碼不能爲空!");
            }
            if (string.IsNullOrEmpty(regInfo.Password2) || regInfo.Password2 == "")
            {
                this.ModelState.AddModelError("Pssword2", "請再次輸入密碼,密碼不能爲空!");
            }
            if (!string.IsNullOrEmpty(regInfo.Password2))
            {
                if (regInfo.Password2 != regInfo.Password1)
                {
                    this.ModelState.AddModelError("Password2", "請重新輸入密碼,與上次輸入密碼不同");
                }
            }
            return View(regInfo);
        }

在代碼1-4中就是對Model進行了驗證,可以看到是簡單的驗證,判斷不能爲空了、輸入的兩次密碼要相同了。

1-4中是已經進行了Model綁定,系統已經執行到了控制器方法內部了,並且在其內進行的Model驗證,而真正的驗證是在Model綁定階段,這部分內容下篇會有講解。

下面我們再來看一下ModelValidator()方法所對應的視圖定義,代碼1-5.

代碼1-5

@model MvcApplication.Models.RegistrationInformation
@{
    ViewBag.Title = "ModelValidator";
}
<h2>ModelValidator</h2>
@Html.ValidationSummary()
<p>用戶註冊ID:@Html.EditorFor(m => m.ID)</p>
<p>用戶名:@Html.EditorFor(m => m.UserID)</p>
<p>登錄密碼:@Html.EditorFor(m => m.Password1)</p>
<p>再次輸入域密碼:@Html.EditorFor(m => m.Password2)</p>

在代碼1-5中,調用了Html.ValidationSummary()這個方法,這個視圖輔助器的作用就是爲我們的Model驗證所產生的異常信息生成Html代碼。

現在我們看一下項目運行效果圖1

圖1

根據ModelValidator()方法中的驗證,我們故意這樣輸入的,看一下點擊“提交”過後顯示到ModelValidator頁面,圖2

圖2

有的朋友可能會說這樣顯示的不符合常理,哪裏有提示錯誤的信息顯示在上面的,可以修改的,修改一下代碼1-5,示例代碼1-6.

代碼1-6

@model MvcApplication.Models.RegistrationInformation
@{
    ViewBag.Title = "ModelValidator";
}
<h2>ModelValidator</h2>

<p>用戶註冊ID:@Html.EditorFor(m => m.ID)
@Html.ValidationMessageFor(m=>m.ID)
</p>
<p>用戶名:@Html.EditorFor(m => m.UserID)
@Html.ValidationMessageFor(m=>m.UserID)</p>
<p>登錄密碼:@Html.EditorFor(m => m.Password1)
@Html.ValidationMessageFor(m=>m.Password1)
</p>
<p>再次輸入域密碼:@Html.EditorFor(m => m.Password2)
@Html.ValidationMessageFor(m=>m.Password2)
</p>

修改過後我們還是使用先前使用的測試數據,看下最終的結果圖3.

圖3

簡單的演示就到這裏,下一篇爲大家講解Model驗證所處在MVC框架中的什麼位置以及大概的過程。


作者:金源

發佈了74 篇原創文章 · 獲贊 1 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章