ASP.NET MVC中對Model進行分步驗證的解決方法

<a></a>

代碼

publicclass UserViewModel

{

[DisplayName("step")]

[Required(ErrorMessage ="You must select a step .")]

publicint Step { get; set; }

//個人資訊

[Required(ErrorMessage ="姓名不能為空")]

[StringLength(20, ErrorMessage ="姓名長度不能超過20個字元")]

publicstring Name { get; set; }

[RegularExpression(@"120|((1[0-1]|\d)?\d)", ErrorMessage ="年齡格式不對")]

publicint? Age { get; set; }

//職位資訊

[Required(ErrorMessage ="職位不能為空")]

publicstring Post { get; set; }

publicint? Salary { get; set; }

//學曆資訊

[Required(ErrorMessage ="畢業院校不能為空")]

publicstring University { get; set; }

publicint? GraduationYear { get; set; }

//聯系資訊

[Required(ErrorMessage ="郵件不能為空")]

[RegularExpression(@"^[a-z][a-z|0-9|]*([_][a-z|0-9]+)*([.][a-z|"+@"0-9]+([_][a-z|0-9]+)*)?@[a-z][a-z|0-9|]*\.([a-z]"+@"[a-z|0-9]*(\.[a-z][a-z|0-9]*)?)$", ErrorMessage="郵件格式不正确")]

publicstring Email { get; set; }

publicint? Mobile { get; set; }

public IEnumerable&lt;SelectListItem&gt; StepList { get; set; }

public UserViewModel()

var list =new List&lt;SelectListItem&gt;() {

new SelectListItem { Text ="(Select)" },

new SelectListItem { Value ="1", Text ="Step1" },

new SelectListItem { Value ="2", Text ="Step2" },

new SelectListItem { Value ="3", Text ="Step3" },

new SelectListItem { Value ="4", Text ="Step4" }

};

this.StepList =new SelectList(list, "Value", "Text");

}

實作：

    這篇文章這種情況服務端和用戶端的驗證都會講到。為了簡化起見，這裡我除去的WF的流程功能，直接用下拉框表示，當下拉框選擇step1表示填寫第一步注冊的資訊，當下拉框選擇step2表示填寫第二步注冊的資訊，當下拉框選擇step3表示填寫第三步注冊的資訊，當下拉框選擇step4表示填寫第四步注冊的資訊。寫得很啰嗦，但是這個很容易實作，我使用Jquery來顯示和隐藏下拉框對應的Step。Jquery代碼如下：

如下圖：

第一步：填寫姓名和年齡。

 第二步：填寫職位和薪水

 第三步填寫：畢業院校和畢業時間

第四步填寫：郵箱和電話

    為了實作這樣的驗證，我們可以将驗證的錯誤資訊中移除不在目前步驟填寫的字段的錯誤資訊，寫一個類InputValidationModelBinder繼承DefaultModelBinder并重載OnModelUpdated方法，将不必要的錯誤資訊清除，代碼如下：

publicclass InputValidationModelBinder : DefaultModelBinder

protectedoverridevoid OnModelUpdated(ControllerContext controllerContext, ModelBindingContext bindingContext)

var modelState = controllerContext.Controller.ViewData.ModelState;

var valueProvider = controllerContext.Controller.ValueProvider;

var keysWithNoIncomingValue = modelState.Keys.Where(x =&gt;!valueProvider.ContainsPrefix(x));

foreach (var key in keysWithNoIncomingValue)

modelState[key].Errors.Clear();

     上面是服務端的代碼，對于用戶端，我們都知道asp.net MVC用戶端驗證時通過MicrosoftMvcValidation.js去實作的。看下面代碼。

1 validate: function Sys_Mvc_FormContext$validate(eventName) {

2 var fields =this.fields;

3 var errors = [];

4 for (var i =0; i &lt; fields.length; i++) {

5 var field = fields[i];

6 if (!field.elements[0].disabled) {

7 var thisErrors = field.validate(eventName);

8 if (thisErrors) {

9 Array.addRange(errors, thisErrors);

10 }

11 }

12 }

13 if (this.replaceValidationSummary) {

14 this.clearErrors();

15 this.addErrors(errors);

16 }

17 return errors;

18 }

19 }

在第6行代碼加入了一句判斷：當頁面的元素沒有被disabled的時候才去驗證。

好了這樣就實作了一次隻對Model中的幾個屬性字段進行驗證。

運作：

asp.net mvc的驗證機制隻對model中目前頁面的屬性進行驗證：

填寫正确通過驗證：

總結：本文解決了我之前遺留下來的一個問題。實作了在ASP.NET MVC中對Model進行多步驗證。希望對你有所幫助，如果你有更好的方法，歡迎給我留言。 

本文轉自麒麟部落格園部落格，原文連結：http://www.cnblogs.com/zhuqil/archive/2010/09/27/Mvc-Validation.html，如需轉載請自行聯系原作者