ASP.NET MVC 音乐商店 - 6. 使用 DataAnnotations 进行模型验证

转自http://www.cnblogs.com/haogj/archive/2011/11/16/2251920.html

在前面的创建专辑与编辑专辑的表单中存在一个问题:我们没有进行任何验证。字段的内容可以不输入,或者在价格的字段中输入一些字符,在执行程序的时候,这些错误会导致数据库保存过程中出现错误,我们将会看到来自数据库的错误信息。

通过为模型类增加数据描述的 DataAnnotations ,我们可以容易地为应用程序增加验证的功能。DataAnnotations  允许我们描述希望应用在模型属性上的验证规则,ASP.NET MVC 将会使用这些 DataAnnotations ,然后将适当的验证信息返回给用户。

为专辑表单增加验证

我们将会使用下列的 DataAnnotations

  • Required 必须 – 表示这个属性是必须提供内容的字段
  • DisplayName 显示名 – 定义表单字段的提示名称
  • StringLength 字符串长度 – 定义字符串类型的属性的最大长度
  • Range 范围 – 为数字类型的属性提供最大值和最小值
  • Bind 绑定 – 列出在将请求参数绑定到模型的时候,包含和不包含的字段
  • ScaffoldColumn 支架列 - 在编辑表单的时候,需要隐藏起来的的字符

注意:更多关于模型验证的信息,请参考:http://msdn.microsoft.com/zh-cn/library/ee256141%28VS.100%29.aspx

打开 Album 类,首先增加下面的 using 语句,这些语句引用了 DataAnnotations  使用的命名空间。

using System.ComponentModel;using System.ComponentModel.DataAnnotations;using System.Web.Mvc;

 

然后,更新属性,增加显示和验证的 DataAnnotations

namespace MvcMusicStore.Models{    [Bind(Exclude = "AlbumId")]public class Album    {        [ScaffoldColumn(false)]public int AlbumId { get; set; }        [DisplayName("Genre")]public int GenreId { get; set; }        [DisplayName("Artist")]public int ArtistId { get; set; }        [Required(ErrorMessage = "An Album Title is required")]        [StringLength(160)]public string Title { get; set; }        [Required(ErrorMessage = "Price is required")]        [Range(0.01, 100.00,        ErrorMessage = "Price must be between 0.01 and 100.00")]public decimal Price { get; set; }        [DisplayName("Album Art URL")]        [StringLength(1024)]public string AlbumArtUrl { get; set; }public virtual Genre Genre { get; set; }public virtual Artist Artist { get; set; }    }}

 

然后,将专辑 Album 的属性 Genre 和 Artist 设置为虚拟的 virtual ,这将会使 EF-Code First 使用延迟加载。

public virtual Genre Genre { get; set; }public virtual Artist Artist { get; set; }

 

为专缉修改完成之后,我们的创建和编辑界面立即就会验证字段,并且使用我们提供的显示名称,例如  AlbumArtUrl 将会成为 Album Art URL 等等。运行程序,浏览 /StoreManager/Create.

下一步,我们特意输入一些破坏验证规则的数据,在价格字段中输入 0, 将标题字段的内容保留为空白,当我们点击创建的时候,我们将会看到表单中不符合验证规则的字段显示了验证的错误提示信息。

测试客户端验证

对于应用程序来说,服务器端验证非常重要,因为用户可能绕过了客户端验证,实际上,Web 页面仅仅实现服务器端验证存在三个显著的问题:

  1. 在提交表单的时候,用户必须等待,验证在服务器端进行,需要将验证的结果发送回浏览器。
  2. 用户不能在输入错误的时候立即得到回应,以便通过验证规则的检查。
  3. 我们把可以在浏览器完成的工作交给了服务器,浪费了服务器的资源。 

幸运的是,ASP.NET MVC3 支架模板还提供了内建的客户端验证,不需要我们做额外的工作就可以使用。

在必须输入的标题字段中输入一个字符,验证的错误提示信息立即就消失了。

这里,我们要注意几点:

页面中已经引用了 jQuery 的脚本。

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script><script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

在 web.config 中,已经默认支持了客户端验证。

  <appSettings><add key="ClientValidationEnabled" value="true"/> <add key="UnobtrusiveJavaScriptEnabled" value="true"/> </appSettings>

 
 

时间: 2025-01-31 05:53:04

ASP.NET MVC 音乐商店 - 6. 使用 DataAnnotations 进行模型验证的相关文章

ASP.NET MVC 音乐商店 - 3. 视图与模型

转自http://www.cnblogs.com/haogj/archive/2011/11/11/2244895.html 上一篇中有同学提到为什么不使用视图,而使用字符串,这一篇我们就开始使用视图来处理. 我们已经可以从控制器的 Action 中返回一个字符串,这可以帮助我们更好地理解 Controller 是如何工作的.但是对于创建一个 Web 程序来说还是不够的.下面我们使用更好的方法来生成 HTML,主要是通过模板来生成需要的 HTML,这就是视图所要做的.  增加视图模板 为了使用视

ASP.NET MVC 音乐商店 - 0 概览

转自http://www.cnblogs.com/haogj/archive/2011/11/08/2241710.html 这是一个系列文章,原文内容出自微软的 MusicStore. 首先对原文内容进行了简单的翻译,以方便大家参考,另外对于其中的部分内容,也进行了简单的分析,使用的 Visual Studio 也换成了中文版,这样大家看起来也更亲切一些. 下载地址:http://mvcmusicstore.codeplex.com/   MVC 音乐店是用来介绍和展示使用 ASP.NETMV

ASP.NET MVC 音乐商店 - 10. 完成导航和站点的设计

转自 http://www.cnblogs.com/haogj/archive/2011/11/20/2255680.html 我们已经完成了网站的大部分工作,但是,还有一些添加到站点的导航功能,主页,以及商店的浏览页面. 创建购物车汇总部分视图 我们希望在整个站点的页面上都可以看到购物车中的数量.                         通过创建一个部分视图,然后添加到网站的布局中就可以容易地完成, 前面看到,在 ShoppingCart 控制器中包含了一个名为 CartSummary

ASP.NET MVC 音乐商店 - 2.控制器

转自http://www.cnblogs.com/haogj/archive/2011/11/10/2241824.html 在典型的 Web 应用中,用户请求的 URL 地址通常映射到保存在网站中的文件上,例如,当用户请求 /Products.aspx 的时候,或者 /Products.php 的时候,很可能是在通过处理 Products.aspx 或者 Products.php 文件来完成任务. ASP.NET MVC 的处理方式则不同,它没有映射到文件上,相反,将这些 URL 地址映射到类

ASP.NET MVC 音乐商店 - 5. 通过支架创建编辑表单

转自 http://www.cnblogs.com/haogj/archive/2011/11/15/2249143.html 在上一章,我们已经从数据库获取数据,然后显示出来,这一章,我们将允许编辑数据.  创建 StoreManagerController 控制器 我们将要创建称为 StoreManager 的控制器,对于这个控制器,我们将通过使用 ASP.NET MVC3 中提供的脚手架功能来实现.在添加控制器的窗口中,注意需要选中 为"创建"."更新".&q

ASP.NET MVC 音乐商店 - 5 通过支架创建编辑表单 续

转自http://www.cnblogs.com/haogj/archive/2011/11/15/2249147.html 查看 StoreManager 控制器的代码 现在,Store Manager 控制器中已经包含了一定数量的代码,我们从头到尾重新过一下. 首先,在控制器中包含了标准的 MVC 控制器的代码,为了使用方便,还可以引用我们的模型类所在的命名空间 MvcMusicStore.Models.控制器还拥有了一个私有的 MusicStoreEntities 的私有成员,以方便控制器

ASP.NET MVC 音乐商店简单应用实例

我们的项目从在 Visual Studio 中的文件菜单中选择"新建",选择"项目"开始.   然后,选择 C# 中的 Web 模板组,在右边的项目模板中选择 ASP.NET MVC3 Web 应用程序,在项目的名称输入框中,输入 MvcMusicStore ,点击确定.   这时,你会到第二个对话框,允许我们设置这个项目关于 MVC 的一些设置,确认选中了"空"项目模板,视图引擎选中 Razor ,点击确定.   这样我们的项目就创建成功了!

ASP.NET MVC 音乐商店 - 7.成员管理和授权

转自http://www.cnblogs.com/haogj/archive/2011/11/18/2253140.html   目前,我们的 Store Manager 可以被任何人访问,让我们限制一下对站点管理的访问. 增加 AccountController 和 相应的视图 在全功能的 ASP.NET MVC3 Wb 应用程序与空的 ASP.NET MVC3 应用程序模板之间的区别在于,空的应用程序模板中没有包含账号控制器,我们可以从新创建的全功能的 ASP.NET MVC 应用程序中复制

ASP.NET MVC 音乐商店 - 1 创建项目

转自http://www.cnblogs.com/haogj/archive/2011/11/09/2241817.html 我们的项目从在 Visual Studio 中的文件菜单中选择"新建",选择"项目"开始.   然后,选择 C# 中的 Web 模板组,在右边的项目模板中选择 ASP.NET MVC3 Web 应用程序,在项目的名称输入框中,输入 MvcMusicStore ,点击确定.   这时,你会到第二个对话框,允许我们设置这个项目关于 MVC 的一些