我只知道一点非常简单的关于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="~/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)这里。如果没有这行代码也就验证不了的。
[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)这个地方。如果没有这行代码也就验证不了的。
[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的例子。
//这里是控制器的代码,部分代码省略。 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); }
//依旧是部分代码,这里是Create里的代码。 </table> <p> <input class="submit ui-state-default ui-corner-all" type="submit" value="创建" /> @Html.ActionLink("返回列表", "Index") </p> <tr> @* 成功修改于0415d*@ <p> @Html.ValidationSummary(true)//错误消息将在此处显示。返回列表的下面,和下面的效果图对比一下吧。 </p> </fieldset>
效果:
我所知道的MVC的验证方式了也就这么点。希望园友们感兴趣的园友们指点指点,共同进步。另外有两个问题,如果园友有知道的可以告之一下,我们发现我OA的那个项目中,提示的颜色是红的,那么,怎么在第写的第一个事例中也将其验证消息改为红色呢。第二个,依旧和第一个事例有点关,就是说我这里有一个类,里面有一些属性,是用的MODELFIRST,我想这这个里面加上一些验证,后来又改了下模型,然后重新生成了一下T4模板,然后,打的特性就全部都没有了,关于这个问题是应该怎么解决呢。