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.%+-]+@[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、执行的效果

MVC中数据验证的更多相关文章

  1. MVC 3 数据验证 Model Validation 详解

    在MVC 3中 数据验证,已经应用的非常普遍,我们在web form时代需要在View端通过js来验证每个需要验证的控件值,并且这种验证的可用性很低.但是来到了MVC 新时代,我们可以通过MVC提供的 ...

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

    继续我们前面所说的知识点进行下一个知识点的分析,这一次我们来说明一下数据验证.其实这是个很容易理解并掌握的地方,但是这会浪费大家狠多的时间,所以我来总结整理一下,节约一下大家宝贵的时间. 在MVC 3 ...

  3. <转>ASP.NET学习笔记之MVC 3 数据验证 Model Validation 详解

    MVC 3 数据验证 Model Validation 详解  再附加一些比较好的验证详解:(以下均为引用) 1.asp.net mvc3 的数据验证(一) - zhangkai2237 - 博客园 ...

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

    上图先看下效果 样式先不说,先了解下数据验证是怎么实现的 一 必须是强类型的视图 二 这些显示提示的话语,都在强类型的实体中 三 必须使用Html.BeginForm或者Html.AjaxBeginF ...

  5. MVC 多种 数据验证 post

    技术:c# .net  采用mvc框架,实现model的数据验证. 刚开始觉得数据验证很方便,可以判断非空.数据正确性,但是后来发现很多需要数据库的判定还是需要post请求做,但是就想mvc的数据验证 ...

  6. 二、Ajax请求MVC中数据查询表返回datatable

    一.Ajax请求MVC中数据查询表返回datatable 解决方式 返回list

  7. MVVM中数据验证之 ViewModel vs. Model

                                                      MMVM模式示意图. View绑定到ViewModel,然后执行一些命令在向它请求一个动作.而反过来 ...

  8. MVC Model数据验证

    概述 上节我们学习了Model的数据在界面之间的传递,但是很多时候,我们在数据传递的时候为了确保数据的有效性,不得不给Model的相关属性做基本的数据验证. 本节我们就学习如何使用 System.Co ...

  9. ASP.NET MVC 扩展数据验证 转

    此文只作记录 public class MaxWordsAttribute : ValidationAttribute { public MaxWordsAttribute(int maxWords) ...

随机推荐

  1. Bootstrap学习--栅格系统

    响应式布局页面:即同一套页面可以兼容不同分辨率的设备. Bootstrap依赖于栅格系统实现响应式布局,将一行均分为12个格子,可以指定元素占几个格子. 实现过程 1.定义容器,相当于之前的table ...

  2. which命令详解

    基础命令学习目录首页 原文链接:https://www.cnblogs.com/jkin/p/10289085.html Linux which命令用于查找文件. which指令会在环境变量$PATH ...

  3. chown命令详情

    基础命令学习目录首页 原文链接:https://www.jb51.net/article/98255.htm chown将指定文件的拥有者改为指定的用户或组,用户可以是用户名或者用户ID:组可以是组名 ...

  4. OGG FOR BIGDATA 安装(修正)

    参考:http://docs.oracle.com/goldengate/bd1221/gg-bd/GADBD/toc.htm 一.环境介绍 源:centos6.5 oracl e 11.20.4   ...

  5. 用java构造一个带层次的文件目录遍历器

    import java.util.List; import java.io.File; import java.util.ArrayList; public class IteratorUtil { ...

  6. 《Spring2之站立会议7》

    <Spring2之站立会议7> 昨天,查相关资料解决debug:: 今天,解决了debug: 遇到问题,一些问题是得到解决了,但是一些还未被解决.

  7. Leetcode题库——31.下一个排列

    @author: ZZQ @software: PyCharm @file: nextPermutation.py @time: 2018/11/12 15:32 要求: 实现获取下一个排列的函数,算 ...

  8. 11_Java面向对象_第11天(接口、多态)_讲义

    今日内容介绍 1.接口 2.多态 01接口的概念 * A:接口的概念 接口是功能的集合,同样可看做是一种数据类型,是比抽象类更为抽象的"类". 接口只描述所应该具备的方法,并没有具 ...

  9. docker删除为<none>的镜像

    $ docker stop $(docker ps -a | grep "Exited" | awk '{print $1 }')  //停止容器      $ docker rm ...

  10. mysql实现消息队列

    mysql之消息队列   消息队列:在消息的传输过程中保存消息的容器. 消息队列管理器在将消息从它的源中继到它的目标时充当中间人.队列的主要目的是提供路由并保证消息的传递:如果发送消息时接收者不可用, ...