MVC中数据验证

http://www.studyofnet.com/news/339.html

http://www.cnblogs.com/kissdodog/archive/2013/05/04/3060278.html

本文导读：ASP.NET MVC3中的Model是自验证的，这是通过.NET4的System.ComponentModel.DataAnnotations命名空间完成的。 我们要做的只是给Model类的各属性加上对应的验证标记（Attributes）就可以让MVC3框架帮我们完成验证。下面介绍MVC中数据验证的相关知识

一、客户端验证

客户端验证主要是为了提高用户体验，在网页不回刷的情况下完成验证。

1、第一步是要在web.config里启用客户端验证，这在MVC3自带的模板项目中已经有了：

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

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

2、然后在被验证的View页面上要加入这样两个JavaScript，注意，他们是依赖于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>

3、验证消息的显示有两种，一种是ValidationSummary，它可以显示一份验证消息的汇总，包括从后台Action里返回的消息。

@Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.")

另一种是Model中各属性对应HTML控件的验证消息：

@Html.ValidationMessageFor(m => m.UserName)

二、Model中加入 验证标记 进行验证

1、基础特性

（1）、Required
 
必填选项，当提交的表单缺少该值就引发验证错误。

（2）、StringLength
 
指定允许的长度
 
指定最大长度：
 
[StringLength(20)]　　//最大长度不超过20个字符

指定最短于最长限制：
 
 [StringLength(20,MinimumLength=3)]　　//最大长度不超过20个字符，最短不能低于3个字符

（3）、RegularExpression
 
正则表达式能够匹配的字符串，如果不能匹配，则报一个验证错误
 
[RegularExpression(@"[A-Za-z0-9.%+-][email protected][A-Za-z0-9.-]+\.[A-Za-z]{2,4}")]

　　

（4）、Range
 
Range特性用来指定数值类型值的最小值和最大值。
 
[Range(35,44)]    //整型，最小35，最大44
[Range(typeof(decimal),"0.00","49.99")]    //decimal类型

　

（5）、Remote
 
允许利用服务器端的回调函数执行客户端的验证逻辑。说白了就是支持AJAX验证。
 
这个写个异步验证用户名是否存在的DEMO：

C# 代码   复制

        [Required]


        [Remote("CheckUserName", "Home")]


        public string UserName


        {
            get;
            set;
        }

Controller代码：

C# 代码   复制

        public JsonResult CheckUserName(string UserName)


        {
            bool result = true;
            if (UserName == "admin")
            {
                result = false;
            }
            return Json(result,JsonRequestBehavior.AllowGet);
        }

显示结果：

（6）、Compare

用于确保模板对象的两个对象拥有相同的值。
 
例如，通常输入密码之后还要求用户再次确认密码，这时候就是Compare属性发挥作用的时候了。
 
[Compare("要对比的属性名")]

2、自定义错误提示消息

每个特性都允许传递一个带有自定义错误提示消息的参数。

C# 代码   复制

        [Required(ErrorMessage="用户名必须填写")]


        [Remote("CheckUserName", "Home",ErrorMessage="此用户名已存在")]


        public string UserName


        {
            get;
            set;
        }

自定义错误消息，还有一个格式项，如

C# 代码   复制

[Required(ErrorMessage="{0}必须填写")]


publit string Name


{
  get;
  set;
}

则{0}在输入的时候会被Name替换。
 
如果以上的验证方式还不够，你还可以自定义验证

3、显示和编辑注解

（1)、Display
 
如果使用的是直接EditorForModel实现的话，Display特性可以帮助你设置友好的显示名称
 
例如：
 
[Display(Name="密码")]
public string PassWord { get; set; }

（2）、ScaffoldColumn
 
隐藏Html辅助方法(如EditorForModel,DisplayForModel)显示一些属性。
 
[ScaffoldColumn(false)]        //不显示该属性的编辑框
public string UserName { get; set; }

虽然ScaffoldColumn可以做到不显示一些属性在页面上被编辑，但是如果提交的Form有这个属性值，模型绑定机制依然会绑定此属性值。要解除就要显式的[Bind]了，这个与本篇无关。此处不提。

（3）、DisplayFormat
 
DisplayFormat特性可以用来处理属性的各种格式化选项。当属性包含空值时，可以提供可选的显示文本，也可以为包含标记的属性关闭HTML编码，还可以为运行时指定一个应用于属性值的格式化字符串。
 
例如:
 
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:c}")]
public decimal money { get; set; }

这样，当有初始值的时候，显示的代码将所示：

注意是初始值，如果是直接填写的并不会有符号。来看Controller中设置的初始值：

C# 代码   复制

        public ActionResult PersonAdd()


        {
            Person_Model p = new Person_Model();
            p.money = 12.10M;
            return View(p);
        }

此显示样式在提交回Controller中是没用的，因为模型绑定器将不能解析返回的价格值。怎么用自己斟酌，用于显示还是OK的。

（4）、ReadOnly
 
如果确保默认的模型绑定器不使用请求中的新值更新属性，可以给属性添加ReadOnly特性：
 
[ReadOnly(true)]
public string Name { get; set; }

注意，此属性仍然会显示一个可编辑的文本框来显示Name，但是模型绑定器不会接收其值，因此只有模型绑定器考虑ReadOnly属性。

（5）、DataType
 
DataType特性可以为运行时提供关于属性的特定用途的信息。
 
例如：
 
[DataType(DataType.Password)]
public string PassWord { get; set; }

该属性可以用于指定多选按钮，单选按钮，密码输入框，等等类型的数据。
 
　　

（6）、UIHint
 
UIHint特性给Asp.net MVC运行时提供了一个模板名字，以备调用模板辅助方法如(DisplayFor和EditorFor)渲染输出时使用。也可以自定义自己的模板辅助方法来重写Asp.net MVC的默认行为。

（7）、HiddenInput
 
HiddentInput在名称空间System.Web.Mvc中，它可以告知运行时渲染一个type特性值为"hidden"的输入元素。说白了就是<input type="hidden" value="xxx" />

 三、验证示例

1、首先新建一个MVC项目。添加如下代码，代码非常简单：一个Person_Model类

C# 代码   复制

    public class Person_Model


    {
        [Required]
        public int Id { get; set; }

        [Required]
        public string Name { get; set; }

        [Required]
        public int Age { get; set; }
    }

2、Controller类代码

C# 代码   复制

    public class HomeController : Controller


    {
        public ActionResult PersonAdd()
        {
            return View();
        }

        [HttpPost]
        public ActionResult PersonAdd(Person_Model model)
        {
　　　　　　　//一行代码判断验证是否通过
            if (ModelState.IsValid)
            {
                return Redirect("/Home/PersonManager");
            }
            return View();
        }
    }

3、视图代码

C# 代码   复制

@model MvcApplication1.Models.Person_Model


@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout。cshtml";
}
<form action="/Home/PersonAdd" method="post">
　　Id:<input type="text" name="Id" value="" />
　　@Html.ValidationMessageFor(Model => Model.Id)　　//之所以写在Person_Model的验证会显示到前端提示，主要是这种代码起的作用
<br />
　　姓名:<input type="text" name="Name" value="" />
　　@Html.ValidationMessageFor(Model => Model.Name)
<br />
　　年龄:<input type="text" name="Age" value="" />
　　@Html.ValidationMessageFor(Model => Model.Age)
<input type="submit" value="确定" />
</form>

4、执行的效果

时间： 2024-08-05 11:14:03

MVC中数据验证的相关文章

MVC 3 数据验证 Model Validation 详解

续我们前面所说的知识点进行下一个知识点的分析,这一次我们来说明一下数据验证.其实这是个很容易理解并掌握的地方,但是这会浪费大家狠多的时间,所以我来总结整理一下,节约一下大家宝贵的时间. 在MVC 3中 数据验证,已经应用的非常普遍,我们在web form时代需要在View端通过js来验证每个需要验证的控件值,并且这种验证的可用性很低.但是来到了MVC 新时代,我们可以通过MVC提供的数据验证Attribute来进行我们的数据验证.并且MVC 提供了客户端和服务器端 双层的验证,只有我们禁用了客户

(转)MVC 3 数据验证 Model Validation 详解

继续我们前面所说的知识点进行下一个知识点的分析,这一次我们来说明一下数据验证.其实这是个很容易理解并掌握的地方,但是这会浪费大家狠多的时间,所以我来总结整理一下,节约一下大家宝贵的时间. 在MVC 3中 数据验证,已经应用的非常普遍,我们在web form时代需要在View端通过js来验证每个需要验证的控件值,并且这种验证的可用性很低.但是来到了MVC 新时代,我们可以通过MVC提供的数据验证Attribute来进行我们的数据验证.并且MVC 提供了客户端和服务器端 双层的验证,只有我们禁用了客

&lt;转&gt;ASP.NET学习笔记之MVC 3 数据验证 Model Validation 详解

MVC 3 数据验证 Model Validation 详解 在MVC 3中 数据验证,已经应用的非常普遍,我们在web form时代需要在View端通过js来验证每个需要验证的控件值,并且这种验证的可用性很低.但是来到了MVC 新时代,我们可以通过MVC提供的数据验证Attribute来进行我们的数据验证.并且MVC 提供了客户端和服务器端 双层的验证,只有我们禁用了客户端js以后,也会执行服务端验证,所以大大提高了我们的开发进度.今天我们就一起以一个初学者的身份来进入数据验证的殿堂. 首先,

期货大赛项目|四,MVC的数据验证

上图先看下效果 样式先不说,先了解下数据验证是怎么实现的 一 必须是强类型的视图 二 这些显示提示的话语,都在强类型的实体中 三 必须使用Html.BeginForm或者Html.AjaxBeginForm 四 提交方式必须是form的submit 上代码 @model FuturesContest.ViewModel.User.UserViewModel @{ Layout = null; } <!DOCTYPE html> <html lang="en">

Asp.Net Mvc后台数据验证自测小Demo

*.这里只做后台数据验证,利用mvc数据验证标记验证数据,并获取错误信息提示后页面中. 1.实现效果如下: 2.model类 People.cs using System; using System.Collections.Generic; using System.ComponentModel.DataAnnotations; using System.Linq; using System.Web; namespace WebTest.Areas.Validation.Models { pub

MVVM中数据验证之 ViewModel vs. Model

                                                  MMVM模式示意图. View绑定到ViewModel,然后执行一些命令在向它请求一个动作.而反过来,ViewModel跟Model通讯,ViewModel告诉Model更新来响应UI. 这样便使得为应用构建UI外观设计相对独立,也非常容易替换UI设计("随心所欲"设计你的界面).同时,当UI和功能越来越松耦合的时候,功能的可测试性就越来越强.   在两个地方验证: 1.在ViewMod

MVC中的验证规则

前面的博客中曾经提到过ModelBing机制,也在Demo中体现过,在MVC中更吊的是封装了自定义的验证规则.下面来一个Demo来展现一下,看了后,你一定会爱上它的,能让你少写很多JS语句. 1.View层 <span style="font-size:18px;">@*自动绑定实体模型*@ @model MvcApplication1.Models.User <h2>Login</h2> <form method="post&quo

.NET MVC model数据验证

MVC提供了很方便的数据验证,只需要在model里加入相关的正则等,那么就会在前台里生成相关的验证脚本.需要引用两个js文件: jquery.validate.min.js jquery.validate.unobtrusive.min.js Model 数据验证汇总: [Display(Name = "转入金额")] [Required(AllowEmptyStrings = false, ErrorMessage = "请输入转账金额")] [Range(100

MVC中数据传递 ViewBag的使用

ViewBag MVC3中 ViewBag.ViewData和TempData的使用和区别 在MVC3开始,视图数据可以通过ViewBag属性访问,在MVC2中则是使用ViewData.MVC3中保留了ViewData的使用.ViewBag 是动态类型(dynamic),ViewData 是一个字典型的(Dictionary). ViewBag和ViewData的区别: ViewBag 不再是字典的键值对结构,而是 dynamic 动态类型,它会在程序运行的时候动态解析.所以在视图中获取它的数据