当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > ASP.NET MVC 2的客户端验证扩展

ASP.NET
通过数据捆绑将数据添加到ASP.NET 页面
ASP.NET 2.0程序安全的基础知识
ASP.NET2.0的跨页回调
使用ASP.Net Forms模式实现WebService身份验证
asp.net 2.0中不同web控件之间的相互调用
如何于DataGridView控件中以跨数据行方式显示数据
图片地址防盗链,通过IHttpHandler实现
ACCESS在Web.config里设置连接字符串
asp.net 2.0 下的表单验证Cookieless属性
结合ASP.NET与JavaScript开发电子沙盘
理解ASP.NET与客户端缓存之HTTP协议
数据回发时，维护ASP.NET Tree控件位置
获得DataGridViewCheckBoxColumn的状态
GridView显示主细表并添加打开、关闭功能
ASP.NET 2.0防止同一用户同时登陆
asp.net中对数据库表插入null空值的问题
IIS运行不了ASP.NET的解决办法
ASP.NET实现投票结果的图片进度条显示
实例：asp.net生成曲线图的过程
ASP.NET2.0中TextBox的两个有趣的属性

No. « 157 158 159 160 »

技术文章搜索

关键字

ASP.NET MVC 2的客户端验证扩展

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-01-04   浏览: 99 ::
收藏到网摘: n/a

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 { get; set; }  
  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.   }  
  19. } 

注意如果值为空，返回的值是true，这个属性不会验证字段是否需要。我会在RequiredAttribute中验证值是否需要。它允许我将属性放在可选的值上，当用户将这个字段留为空时显示一个错误。

我们可以创建一个视图模型，然后应用这个属性到模型上进行快速测试，下面是这个模型的代码：

以下为引用的内容：

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

我们再快速地创建一个视图（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.   }  
  11. } 

我们还没有开启客户端验证，下面来看看当我们查看这个页面并提交一些值时会发生什么。