欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ASP.NET MVC5添加验证(4)

程序员文章站 2023-12-20 21:06:16
有时候我们网站需要添加验证,这一节我们演示下怎样使用asp.net mvc5添加验证。 1.在model类里面添加验证,代码如下: public class...

有时候我们网站需要添加验证,这一节我们演示下怎样使用asp.net mvc5添加验证。

1.在model类里面添加验证,代码如下:

 public class movie
 {
  public int id { get; set; }
  [stringlength(60,minimumlength=3,errormessage="主题的长度必须在3到60个字符")]
  public string title { get; set; }
 
  [display(name="release date")]
  [datatype(datatype.date)]
  [displayformat(dataformatstring="{0:yyyy-mm-dd}",applyformatineditmode=true)]
  public datetime releasedate { get; set; }
  [regularexpression(@"^[a-z]+[a-za-z''-'\s]*$")]
  [required]
  [stringlength(30)]
  public string genre { get; set; }
  [range(1,100)]
  [datatype(datatype.currency)]
  public decimal price { get; set; }
 
  [regularexpression(@"^[a-z]+[a-za-z''-'\s]*$")]
  public string rating { get; set; }
 
 
 }

这个stringlength属性,设置了最大的字符串长度,限制了数据库,所以数据库结构会改变。我们先来看看数据库结构没改变之前的定义是咋样的

2.请看图:

ASP.NET MVC5添加验证(4)

3.在上面的图片中,你看到,所有的string类型的字段,都是nvarchar (max),我们将会使用数据库迁移技术,来更新表结构,打开程序包管理器控制台,输入下面的指令:
  add-migration dataannotations
  update-database
当这个指令结束之后,vs打开生成的迁移文件,在up方法中,你看到了添加的数据库约束:

4.请看图片:

ASP.NET MVC5添加验证(4)

5.下面,我们再来打开数据库,看下数据表结构发生了什么变化:

ASP.NET MVC5添加验证(4)

6.

这个验证属性指定了你想要应用到model中的属性。required和minimumlength属性,表明:必须要有一个值,但是不会阻止用户输入一个空格来满足这个验证。regularexpression属性,用来限制,什么字符可以被输入,在上面的代码中genre和rating字段必须只能是字母,(空格,数字还有其他的特殊字符都是不被允许的。),range属性约束了一个值必须在某个特定的范围之内,stringlength属性让你可以设置,字符串的最大长度,值类型(例如;decilmal,int float,datetime)都是内在需要的,然而对于required来说,则并不需要。
code first 确保你指定在model中的验证,在数据库数据保存前,能够被验证。例如下面的代码,当savechanges调用的时候,将会抛出一个错误,因为有一些必须要的字段丢失了。

moviedbcontext db = new moviedbcontext();
 movie movie = new movie();
 movie.title = "gone with the wind";
 db.movies.add(movie);
 db.savechanges(); // <= will throw server side validation exception 

7. 数据验证,通过 .net framework 自动的被执行,这可以使你的程序更健壮,同样它会确保你,不会忘记去验证一些,还有不是故意的要让不好的数据更新到数据库中。

8.下面我们开始验证吧,运行项目;

点击这个新建的链接,去添加一个新的movie。输入不合法的数据,然后就看到错误了。

ASP.NET MVC5添加验证(4)

note to support jquery validation for non-english locales that use a comma (",") for a decimal point, you must include the nuget globalize as described previously in this tutorial.

9.

注意到:表单自动的使用了一个红色的边框来高亮显示要验证的文本框里面的错误数据。错误消息就显示在旁边。(ps:这里我节省时间,就随便大概翻译一下了,只是把大概的意思翻出来。)
这个真正的好处是,你不必为了可以使用validation ui,而在控制器,或者在视图页面中去改变代码,控制器和视图页面,捕获了你在前面的model类里面写的验证规则。测试验证,我们使用编辑方法,这个验证同样适用于编辑的功能。
表单的数据,不会提交到服务器,除非没有客户端错误的验证机制。你可以在浏览器中按f12,并在post方法中,设置断点来调试。

 10.验证是怎样出现在视图和方法里面的呢:

你可能想到的是这个界面的验证是怎样在没有修改控制器和视图的情况下产生的呢。下面的代码,是控制器的代码,你之前创建的,没有任何修改的

 public actionresult create()
 {
   return view();
 }
 // post: /movies/create
 // to protect from overposting attacks, please enable the specific properties you want to bind to, for 
 // more details see http://go.microsoft.com/fwlink/?linkid=317598.
 [httppost]
 [validateantiforgerytoken]
 public actionresult create([bind(include = "id,title,releasedate,genre,price,rating")] movie movie)
 {
   if (modelstate.isvalid)
   {
     db.movies.add(movie);
     db.savechanges();
     return redirecttoaction("index");
   }
   return view(movie);
 }

第一个create方法(http get)展示初始的数据,第二个create方法,处理表单的提交。第二个create方法,调用这个modelstate.isvalid 来检查movie实体中是否有验证不通过的数据。通过调用modelstate.isvalid可以来判断是否有验证属性,作用在某个对象上面。如果这个对象出现验证错误,这个create方法,再次展示表单,如果没有错误,就将数据保存到数据库中。在我们的例子中,当客户端验证出现错误了,表单的数据是不会提交到服务器中的。这第二个create方法是永远不会被调用的。如果你禁止了浏览器的javascript,客户端的验证会失效,然后这个post的方式的create方法会调用modelstate.isvalid来检查,是否movie实体中有验证不通过的。

11.下面显示的代码,是用来显示验证失败,而显示的错误消息的:

12.直接看代码吧:

 using system;
 using system.collections.generic;
 using system.linq;
 using system.web;
 using system.data.entity;
 using system.componentmodel.dataannotations;
 
 namespace mvcmovie.models
 {
  public class movie
  {
    public int id { get; set; }
    [stringlength(60,minimumlength=3,errormessage="主题的长度必须在3到60个字符")]
     public string title { get; set; }
 
     [display(name="release date")]
     [datatype(datatype.date)]
     [displayformat(dataformatstring="{0:yyyy-mm-dd}",applyformatineditmode=true)]
     public datetime releasedate { get; set; }
     [regularexpression(@"^[a-z]+[a-za-z''-'\s]*$")]
     [required]
     [stringlength(30)]
     public string genre { get; set; }
     [range(1,100)]
     [datatype(datatype.currency)]
     public decimal price { get; set; }
 
     [regularexpression(@"^[a-z]+[a-za-z''-'\s]*$")]
     public string rating { get; set; }
 
 
   }
 
  public class moviedbcontext : dbcontext
   {
     public dbset<movie> movies { get; set; }
   }
 }

13.

datatype属性只是提示了视图引擎来格式化数据。你可以使用regularexpression属性来验证格式化的数据,datatype不是验证属性,它和数据库差不多,只是指定了数据类型而已,datatype枚举类型,提供了很多数据类型,例如:date,time,phonenumber,currency,emailaddress等等,datatype属性同样能够保证程序可以创建一些特殊的类型,比如a mailto: link 能够被用来创建 datatype.emailaddress。。。datatype不提供任何的验证。

datatype.date 不能指定显示怎样的格式化时间。它是默认根据服务器中的时间来的。

[displayformat(dataformatstring = "{0:yyyy-mm-dd}", applyformatineditmode = true)]
public datetime enrollmentdate { get; set; }

14.

当处于文本编辑模式的时候,applyformatineditmode属性就会被应用。(你可能不想让这种情况应用于货币类型的字段,因为你不想让货币类型的处于文本编辑模式下) 
这个时候,你可以用displayformat,但是一个更好的主意是:使用datatype,这个属性提供了几个好处。
浏览器支持html5特性
浏览器默认会在你的本地电脑上面,正确显示数据

datatype属性能够保证mvc选择正确的字段,显示数据(displayformat它是使用字符串模板),了解更多请看。。。。 
如果你使用了datatype属性,你不得不指定displayformat属性,来确保能够在谷歌浏览器上面,正确显示数据
jquery validation不支持range,datetime属性,即使你指定了特定范围,还是会报客户端的验证错误

看代码:

[range(typeof(datetime), "1/1/1966", "1/1/2020")]

以上就是asp.net mvc5添加验证的方法,希望对大家的学习有所帮助。

上一篇:

下一篇: