我只知道一些非常简单的关于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="~/Scripts/jquery-1.7.1.min.js"></script>
16 <script src="~/Scripts/jquery.validate.min.js"></script>
17 <script src="~/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="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)这里。如果没有这行代码也就验证不了的。
?
|
第二个是特性标签是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 |
|
第四个特性标签就是StringLength,它是用于验证输入的内容不能超过的长度。如同这个事例里的Pwd.其显示的位置就是在页面的
@Html.ValidationMessageFor(model =>
model.Pwd)这个地方。如果没有这行代码也就验证不了的。它还可以验证输入内容不能少于的长度,其写法:[StringLength(16,MinimumLength
= 2,ErrorMessage = "名字不能少于两个字也不能大于16个字")]。
?
|
第五个特性标签是Compare,它是用于两个属性的比较,比较其内容是否相同。常常用于密码验证时。第一个位置是要写它要比较的属性的名字,第二个是写相应的错误信息。如同这个事例里的ComfirmPwd.其显示的位置就是在页面的
@Html.ValidationMessageFor(model =>
model.ComfirmPwd)这个地方。如果没有这行代码也就验证不了的。另外注意这个是在和上面的Pwd的内容做比较哦。
?
|
还有一种,我知道的就是用 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 |
|
?
1 2 3 4 5 6 7 8 9 10 11 12 |
|
效果:
我所知道的MVC的验证方式了也就这么点。希望园友们感兴趣的园友们指点指点,共同进步。另外有两个问题,如果园友有知道的可以告之一下,我们发现我OA的那个项目中,提示的颜色是红的,那么,怎么在第写的第一个事例中也将其验证消息改为红色呢。第二个,依旧和第一个事例有点关,就是说我这里有一个类,里面有一些属性,是用的MODELFIRST,我想这这个里面加上一些验证,后来又改了下模型,然后重新生成了一下T4模板,然后,打的特性就全部都没有了,关于这个问题是应该怎么解决呢。
我只知道一点非常简单的关于MVC的验证