首页 > 代码库 > 我只知道一点非常简单的关于MVC的验证

我只知道一点非常简单的关于MVC的验证

                                                                   我只知道一些非常简单的关于MVC的验证

                                                   

        如题,我只知道一点非常简单的关于MVC的验证,所以如果您接触过MVC的验证,相信也就不用看了,这个且当作是学习笔记吧。

        先小讲解一下他基本的五个从Model里打上特性标签验证的方法。

        在此之前先写一下事例以证明之。

        第一步,创建一个MVC的应用程序,在Model里创建一个类,我是叫的User类。里面有几个属性,Name是必须填写的,年龄需要在0到150之间,Email得符合相应的邮箱格式才可以,密码不能超过15个字符,确认密码的选项得跟第一次输入的一致。我已经写好类且特性标签也写好。

 1 using System;
 2 using System.Collections.Generic;
 3 using System.ComponentModel.DataAnnotations;
 4 using System.Linq;
 5 using System.Web;
 6 using System.Web.Mvc;
 7 
 8 namespace StudyMvcVal1.Models
 9 {
10     public class User
11     {
12         [Required(ErrorMessage="姓名是必须要填写的")]
13         [StringLength(16,MinimumLength = 2,ErrorMessage = "名字不能少于两个字也不能大于16个字")]
14         public string Name { get; set; }
15 
16         [Range(0,150,ErrorMessage = "年龄需要是在0到150之间才可以的")]
17         public int  Age { get; set; }
18 
19 
20         [RegularExpression(@"^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$",ErrorMessage = "请您输入正确的邮箱格式")]
21         public string Email { get; set; }
22 
23         [StringLength(15,ErrorMessage = "密码长度不能超过15个字符")]
24         public string Pwd { get; set; }
25 
26         [Compare("Pwd",ErrorMessage = "再次输入的密码不一致")]
27         public string ComfirmPwd { get; set; }
28 
29     }
30 }
Mode里的User类

      第二步,创建一个名叫User的控制器,并在此控制器里添加一个强类型的Create的页面。需要注意一下的是,得提前把项目生成一下才会选择到User这个类的。模板就选择Create.

 

                                           

 1 @model StudyMvcVal1.Models.User
 2 
 3 @{
 4     Layout = null;
 5 }
 6 
 7 <!DOCTYPE html>
 8 
 9 <html>
10 <head>
11     <meta name="viewport" content="width=device-width" />
12     <title>Create</title>
13 </head>
14 <body>
15     <script src=http://www.mamicode.com/"~/Scripts/jquery-1.7.1.min.js"></script>
16     <script src=http://www.mamicode.com/"~/Scripts/jquery.validate.min.js"></script>
17     <script src=http://www.mamicode.com/"~/Scripts/jquery.validate.unobtrusive.min.js"></script>
18     
19     @using (Html.BeginForm()) {
20         @Html.ValidationSummary(true)
21     
22         <fieldset>
23             <legend>User</legend>
24     
25             <div class="editor-label">
26                 @Html.LabelFor(model => model.Name)
27             </div>
28             <div class="editor-field">
29                 @Html.EditorFor(model => model.Name)
30                 @Html.ValidationMessageFor(model => model.Name)
31             </div>
32     
33             <div class="editor-label">
34                 @Html.LabelFor(model => model.Age)
35             </div>
36             <div class="editor-field">
37                 @Html.EditorFor(model => model.Age)
38                 @Html.ValidationMessageFor(model => model.Age)
39             </div>
40     
41             <div class="editor-label">
42                 @Html.LabelFor(model => model.Email)
43             </div>
44             <div class="editor-field">
45                 @Html.EditorFor(model => model.Email)
46                 @Html.ValidationMessageFor(model => model.Email)
47             </div>
48     
49             <div class="editor-label">
50                 @Html.LabelFor(model => model.Pwd)
51             </div>
52             <div class="editor-field">
53                 @Html.EditorFor(model => model.Pwd)
54                 @Html.ValidationMessageFor(model => model.Pwd)
55             </div>
56     
57             <div class="editor-label">
58                 @Html.LabelFor(model => model.ComfirmPwd)
59             </div>
60             <div class="editor-field">
61                 @Html.EditorFor(model => model.ComfirmPwd)
62                 @Html.ValidationMessageFor(model => model.ComfirmPwd)
63             </div>
64     
65             <p>
66                 <input type="submit" value=http://www.mamicode.com/"Create" />
67             </p>
68         </fieldset>
69     }
70     
71     <div>
72         @Html.ActionLink("Back to List", "Index")
73     </div>
74 </body>
75 </html>
页面的代码

      略说一下, 页面里"@Html.ValidationMessageFor(model => model.属性)"也就是验证消息的地方。其信息将在此处显示。

      然后,我们来看一下效果:

                          

        好的。事例完成。应该很好理解了。现在就说一下这些个验证吧。

       第一个特性标签是Required,它呢就是用于非空校验的。这是校验内容是否为空的。可以在括号里写上其给我们显示的错误消息,如同这个事例里的Name.其显示的位置就是在页面的 @Html.ValidationMessageFor(model => model.Name)这里。如果没有这行代码也就验证不了的。

?
[Required(ErrorMessage="姓名是必须要填写的")]
     public string Name { get; set; }

 

     第二个是特性标签是Range,它是用于int或者double类型的,校验其是否在这个区间。可以在括号里写上其给我们显示的错误消息,如同这个事例里的Age.其显示的位置就是在页面的 @Html.ValidationMessageFor(model => model.Age)这里。如果没有这行代码也就验证不了的。

[Range(0,150,ErrorMessage = "年龄需要是在0到150之间才可以的")]
        public int  Age { get; set; }

 

      第三个特性标签时RegularExpression,它是用于填写的内容是否符合一个正则的。第一个就是要写的一个正则表达式,第二给就是可以给我们显示的错误消息的信息了。这个就算是比较强大了点了,比如我们要验证身份证,我们只要在第一个位置写上一个符合身份证号码的正则就可以了。电话号码神马的也是如此。如同这个事例里的Email.其显示的位置就是在页面的 @Html.ValidationMessageFor(model => model.Email)这个地方。如果没有这行代码也就验证不了的。

?
1
2
[RegularExpression(@"^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$",ErrorMessage = "请您输入正确的邮箱格式")]
      public string Email { get; set; }

 

       第四个特性标签就是StringLength,它是用于验证输入的内容不能超过的长度。如同这个事例里的Pwd.其显示的位置就是在页面的 @Html.ValidationMessageFor(model => model.Pwd)这个地方。如果没有这行代码也就验证不了的。它还可以验证输入内容不能少于的长度,其写法:[StringLength(16,MinimumLength = 2,ErrorMessage = "名字不能少于两个字也不能大于16个字")]。

?
[StringLength(15,ErrorMessage = "密码长度不能超过15个字符")]
      public string Pwd { get; set; }

 

      第五个特性标签是Compare,它是用于两个属性的比较,比较其内容是否相同。常常用于密码验证时。第一个位置是要写它要比较的属性的名字,第二个是写相应的错误信息。如同这个事例里的ComfirmPwd.其显示的位置就是在页面的 @Html.ValidationMessageFor(model => model.ComfirmPwd)这个地方。如果没有这行代码也就验证不了的。另外注意这个是在和上面的Pwd的内容做比较哦。

?
[Compare("Pwd",ErrorMessage = "再次输入的密码不一致")]
    public string ComfirmPwd { get; set; }

 

       

       还有一种,我知道的就是用 ModelState,我个人的理解就是其相当于一个字典,可以向其中加入键值对的数据,其方法是:ModelState.AddModelError("这里填写key", "这里填写错误消息,也就是value");然后在View那边就用“@Html.ValidationMessage(key)”显示错误信息,如果有用RAZOR引擎的话。我倒没怎么用过这个方法,我一向将key写成空,然后在View那边验证的话就是用的"@Html.ValidationSummary(true)"来显示错误消息。比如看一下我以前写的一个OA的例子。

?
1
2
3
4
5
6
7
8
9
10
11
//这里是控制器的代码,部分代码省略。
DateTime startTime = DateTime.Parse(dl);
                DateTime nowTime = DateTime.Now;
                DateTime newTime = startTime.AddDays(4);
                //if (newTime < nowTime)
                if(nowTime>newTime)
                {
                    ModelState.AddModelError("", "错误提示:超过三天,不能申请");
                    BindHourMinuter();//这行代码有什么作用?绑定时间!
                    return View(leaves);
                }

  

?
1
2
3
4
5
6
7
8
9
10
11
12
//依旧是部分代码,这里是Create里的代码。
</table>
        <p>
            <input  class="submit ui-state-default ui-corner-all" type="submit" value=http://www.mamicode.com/"创建" />    
       @Html.ActionLink("返回列表", "Index")
        </p>
        <tr>
      @*  成功修改于0415d*@
        <p>
                 @Html.ValidationSummary(true)//错误消息将在此处显示。返回列表的下面,和下面的效果图对比一下吧。
        </p>
    </fieldset>

 效果:

                    

         我所知道的MVC的验证方式了也就这么点。希望园友们感兴趣的园友们指点指点,共同进步。另外有两个问题,如果园友有知道的可以告之一下,我们发现我OA的那个项目中,提示的颜色是红的,那么,怎么在第写的第一个事例中也将其验证消息改为红色呢。第二个,依旧和第一个事例有点关,就是说我这里有一个类,里面有一些属性,是用的MODELFIRST,我想这这个里面加上一些验证,后来又改了下模型,然后重新生成了一下T4模板,然后,打的特性就全部都没有了,关于这个问题是应该怎么解决呢