程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> ASP.NET MVC 2的客戶端驗證擴展

ASP.NET MVC 2的客戶端驗證擴展

編輯:關於ASP.NET

ASP.NET MVC 2內置支持在服務器上驗證數據注釋驗證屬性,本文介紹如何使用System.ComponentModel.DataAnnotations中的基礎類構建自定義驗證屬性,關於ASP.NET MVC 2中數據注釋是如何工作的,請參考Brad的博客(http://bradwilson.typepad.com/blog/2009/04/dataannotations-and-aspnet-mvc.html)。

我會介紹如何連接到ASP.NET MVC 2的客戶端驗證擴展,以便你可以在客戶端上運行JavaScript驗證邏輯。

我將創建一個PriceAttribute來驗證某個值是否大於指定的價格,並且這個價格必須以99分結束,因此$20.00是無效的值,$19.99是有效的。下面是這個屬性的代碼:

以下為引用的內容:

  1. public class PriceAttribute : ValidationAttribute {  
  2.   public double MinPrice { getset; }  
  3.       
  4.   public override bool IsValid(object value) {  
  5.     if (value == null) {  
  6.       return true;  
  7.     }  
  8.     var price = (double)value;  
  9.     if (price < MinPrice) {  
  10.       return false;  
  11.     }  
  12.     double cents = price - Math.Truncate(price);  
  13.     if(cents < 0.99 || cents >= 0.995) {  
  14.       return false;  
  15.     }  
  16.          
  17.     return true;  
  18.   }  

注意如果值為空,返回的值是true,這個屬性不會驗證字段是否需要。我會在RequiredAttribute中驗證值是否需要。它允許我將屬性放在可選的值上,當用戶將這個字段留為空時顯示一個錯誤。

我們可以創建一個視圖模型,然後應用這個屬性到模型上進行快速測試,下面是這個模型的代碼:

以下為引用的內容:

  1. public class ProductViewModel {  
  2.   [Price(MinPrice = 1.99)]  
  3.   public double Price { getset; }  
  4.  
  5.   [Required]  
  6.   public string Title { getset; }  

我們再快速地創建一個視圖(Index.aspx)顯示和編輯窗體:

以下為引用的內容:

  1. <%@ Page Language="C#" Inherits="ViewPage " %> 
  2.  
  3. <% using (Html.BeginForm()) { %> 
  4.  
  5.   <%= Html.TextBoxFor(m => m.Title) %> 
  6.     <%= Html.ValidationMessageFor(m => m.Title) %> 
  7.   <%= Html.TextBoxFor(m => m.Price) %> 
  8.     <%= Html.ValidationMessageFor(m => m.Price) %> 
  9.       
  10.     <input type="submit" /> 
  11. <% } %> 

現在我們只需要一個有兩個行為的控制器,一個編輯視圖,另一個接收提交的ProductViewModel。

以下為引用的內容:

  1. [HandleError]  
  2. public class HomeController : Controller {  
  3.   public ActionResult Index() {  
  4.     return View(new ProductViewModel());  
  5.   }  
  6.  
  7.   [HttpPost]  
  8.   public ActionResult Index(ProductViewModel model) {  
  9.     return View(model);  
  10.   }  

我們還沒有開啟客戶端驗證,下面來看看當我們查看這個頁面並提交一些值時會發生什麼。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved