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

ASP.NET
安装IE补丁后ASP.NET将无法运行
在ASP.Net中应用Javascript
用ASP.NET 1.1 新特征防止Script攻击
ASP.NET中在线用户统计的简单实现及讨论
ASP.NET中将数据输出到Excel
在ASP.NET中从SQL Server检索图片
ASP.NET系统用户权限设计与实现
利用ASP.NET技术动态生成HTML页面
大数量查询分页显示 微软的解决办法
ASP.NET WEB页面多语言支持解决方案
ASP.NET 2.0里轻松获取数据库连接统计数据
ASP.NET通过DSO访问分析服务器的权限问题
ASP实现禁止从外部提交数据
Asp.Net 使用 GDI+ 绘制3D饼图入门篇源码
在ASP.NET中点击一个按钮后让它变灰的简单方法
利用JS在asp.net中实现左导航页的隐藏
asp.net中一次更新DATAGRID中所有记录
用Asp.net屏蔽F5、Ctrl+N、Alt+F4
asp.net中用C#实现站点计数器用户控件
认识ASP.NET配置文件Web.config

No. « 16 17 18 19 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-01-04   浏览: 131 ::
收藏到网摘: 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. } 

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