.NET MVC4 数据验证Model(二)

2022-11-17 09:11:14

一、概述

　　MVC分为ViewModel、Control、View，对数据的封装MVC做的很好，确实是不错的WEB框架，针对MVC的ViewModel封装的也是相当的不错，最近做一个MVC的项目，采用的框架MVC4+JQuery+JQueryUI。由于开发需要，也特别研究了一下MVC中的ViewMode的数据校验，觉得MVC这种模式真的真赞，现总结一下ViewModel的使用方式；

二、ViewModel基础特性

　　基本特性的命名空间位于： System.ComponentModel.DataAnnotations 和 System.Web.Mvc；

1、Required

　　说明：必填项，当提交数据该缺少的时候，就会引发异常；

　　举例：[Required]

2、StringLength

　　说明：指定运行的长度，指定最大长度、最小长度以及错误消息

　　举例:[StringLength(30, ErrorMessage = "{0}长度必须在{2}至{1}个字符间", MinimumLength = 6)]

3、RegularExpression

　　说明：正则表达式匹配，匹配失败引发异常；

举例：[RegularExpression("^[A-Za-z0-9_]+$",ErrorMessage="密码必须是字母、数字或下划线")]

4、Range

　　说明：数据大小范围，一般为数字类型属性；

　　举例：[Range(35,44,ErrorMessage="数据不能小于35也不能大于44")] //整型，最小35，最大44

5、Remote

　　说明：数据远程校验，Ajax数据请求

　　举例：[Remote("CheckUserExits", "SysAdmin", ErrorMessage = "该账号已存在")]

6、Compare

　　说明：匹配两个数据，内容不一致则引发错误

　　举例：[Compare("Password",ErrorMessage="新密码和确认密码不一致")]

7、Display

　　说明：现实属性名称

　　举例：[Display(Name="确认密码")]

三、使用说明

MVC数据校验分为2种方式，客户端校验和后台校验，使用的时候，需要配置webconfig文件；

1、配置web config

<add key="ClientValidationEnabled" value="true"/>

<add key="UnobtrusiveJavaScriptEnabled" value="true"/>

2、引用前台客户端JS验证还需在页面配置

2.1、引入JS和CSS文件

    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

    <script src="http://www.cnblogs.com/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>

    <script src="http://www.cnblogs.com/Scripts/jquery.validate.min.js" type="text/javascript"></script>

    <script src="http://www.cnblogs.com/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>

2.2、页面添加：

@{

    Html.EnableClientValidation();

}

2.3、页面Form窗体展示不能使用<form>....</form>，而是采用Html.BeginForm的方式进行

 @using (Html.BeginForm())

 {

                   <td align="right">@Html.LabelFor(model => model.AdminCode)</td>

                    <td>@Html.TextBoxFor(model => model.AdminCode, new { @class = "manager-from02" })</td>

                    <td>@Html.ValidationMessageFor(Model => Model.AdminCode)</td>

}

另外有时候默认的样式，存在site.css不是我们需要的样式，我们可以效果默认样式，或者添加自定义Class；

四、使用举例

1、ViewModel代码块

public class AdminCreateViewModel:BaseViewModel

    {

        [Required]

        [Display(Name="账号")]

        [StringLength(,ErrorMessage="{0}长度在{2}至{1}个字符间",MinimumLength=)]

        [Remote("CheckUserExits", "SysAdmin", ErrorMessage = "该账号已存在")]

        public string AdminCode { get; set; }        

        [Required]

        [DataType(DataType.Password)]

        [StringLength(, ErrorMessage = "{0}长度必须在{2}至{1}个字符间", MinimumLength = )]

        [RegularExpression("^[A-Za-z0-9_]+$",ErrorMessage="密码必须是字母、数字或下划线")]

        [Display(Name="新密码")]

        public string Password { get; set; }

        [Display(Name="确认密码")]

        [DataType(DataType.Password)]

        [Compare("Password",ErrorMessage="新密码和确认密码不一致")]

        public string ConfirmPassword { get; set; }

        [Required]

        [Display(Name = "级别")]

        public string PowerCode { get; set; }

        //管理员姓名

        [Required]

        [RegularExpression(@"^(\w|[\u4e00-\u9fa5])*$", ErrorMessage = "输入数据无效")]

        [Display(Name = "姓名")]

        public string Name { get; set; }

        //管理员电话

        [DataType(DataType.PhoneNumber)]

        [RegularExpression(@"(^(13[0-9]{9})|(15[89][0-9]{8})$)|(^(\s*)$)",ErrorMessage="电话号码格式不正确")]

        [Display(Name = "电话")]

        public string PhoneNo { get; set; }

        //管理员Email

        [Display(Name="邮箱")]

        [DataType(DataType.EmailAddress)]

        [RegularExpression(@"(\w*@\w*)|(^(\s*?)$)", ErrorMessage = "邮箱格式不正确")]

        public string Email { get; set; }

        //管理员所属单位

        [Display(Name = "单位")]

        [RegularExpression(@"(^(\w|[\u4e00-\u9fa5])*$)|(^(\s*)$)", ErrorMessage = "输入数据无效")]

        public string Comp { get; set; }

        //管理员所属部门

        [Display(Name = "部门")]

        [RegularExpression(@"(^(\w|[\u4e00-\u9fa5])*$)|(^(\s*)$)", ErrorMessage = "输入数据无效")]

        public string Dep { get; set; }

        //管理员所属职位

        [Display(Name = "职位")]

        [RegularExpression(@"(^(\w|[\u4e00-\u9fa5])*$)|(^(\s*)$)", ErrorMessage = "输入数据无效")]

        public string JobPost { get; set; }

        //管理员状态

        public bool Disable { get; set; }

    }

2、View代码块

@model WebMgr.Models.AdminCreateViewModel

@{

    ViewBag.Title = "Create";

    Layout = "~/Views/Shared/_Layout.cshtml";

    Html.EnableClientValidation();

}

<div align="center">

    <div class="manager-daohang">

        <div class="manager-daohang-04">@Html.ActionLink("管理员列表","Index","SysAdmin")</div>

        <div class="manager-daohang-03">添加管理员</div>

    </div>

    <div>

  @using (Html.BeginForm())

 {

            <input type="hidden" name="Disable" value="true"/>

            <table width="100%" border="" cellpadding="" cellspacing="" class="manager-Table-01">

                <tr>

                    <td align="right" width="">&nbsp;</td>

                    <td width="">&nbsp;</td>

                    <td>&nbsp;</td>

                </tr>

                <tr>

                    <td align="right">@Html.LabelFor(model => model.AdminCode)</td>

                    <td>@Html.TextBoxFor(model => model.AdminCode, new { @class = "manager-from02" })</td>

                    <td>@Html.ValidationMessageFor(Model => Model.AdminCode)</td>

                </tr>

                <tr>

                    <td align="right">@Html.LabelFor(model => model.Password)</td>

                    <td>@Html.PasswordFor(model => model.Password, new { @class = "manager-from02" })</td>

                    <td>@Html.ValidationMessageFor(Model => Model.Password)</td>

                </tr>

                <tr>

                    <td align="right">@Html.LabelFor(model => model.Password)</td>

                    <td>@Html.PasswordFor(model => model.ConfirmPassword, new { @class = "manager-from02" })</td>

                    <td>@Html.ValidationMessageFor(Model => Model.ConfirmPassword)</td>

                </tr>

                <tr>

                    <td align="right">@Html.LabelFor(model => model.PowerCode)</td>

                    <td>

                        <select name="PowerCode" class="manager-from02" id="PowerCode">

                            <option selected="selected">选择管理员级别</option>

                            <option value="AD5235864">超级管理员</option>

                            <option value="AD8456212">一级管理员</option>

                            <option value="AD5235864">二级管理员</option>

                        </select>

                    </td>

                </tr>

                <tr>

                    <td align="right">@Html.LabelFor(model => model.Name)</td>

                    <td>@Html.TextBoxFor(model => model.Name, new { @class = "manager-from02" })</td>

                    <td>@Html.ValidationMessageFor(Model => Model.Name)</td>

                </tr>

                <tr>

                    <td align="right">@Html.LabelFor(model => model.Comp)</td>

                    <td>@Html.TextBoxFor(model => model.Comp, new { @class = "manager-from02" })</td>

                    <td>@Html.ValidationMessageFor(Model => Model.Comp)</td>

                </tr>

                <tr>

                    <td align="right">@Html.LabelFor(model => model.Dep)</td>

                    <td>@Html.TextBoxFor(model => model.Dep, new { @class = "manager-from02" })</td>

                    <td>@Html.ValidationMessageFor(Model => Model.Dep)</td>

                </tr>

                <tr>

                    <td align="right">@Html.LabelFor(model => model.JobPost)</td>

                    <td>@Html.TextBoxFor(model => model.JobPost, new { @class = "manager-from02" })</td>

                    <td>@Html.ValidationMessageFor(Model => Model.JobPost)</td>

                </tr>

                <tr>

                    <td align="right">@Html.LabelFor(model => model.PhoneNo)</td>

                    <td>@Html.TextBoxFor(model => model.PhoneNo, new { @class = "manager-from02" })</td>

                    <td>@Html.ValidationMessageFor(Model => Model.PhoneNo)</td>

                </tr>

                <tr>

                    <td align="right">@Html.LabelFor(model => model.Email)</td>

                    <td>@Html.TextBoxFor(model => model.Email, new { @class = "manager-from02" })</td>

                    <td>@Html.ValidationMessageFor(Model => Model.Email)</td>

                </tr>

                <tr>

                    <td>&nbsp;</td>

                    <td><input name="button" type="submit" class="manager-from03" id="button" value="确认添加"></td>

                    <td>&nbsp;</td>

                </tr>

                <tr>

                    <td>&nbsp;</td>

                    <td>&nbsp;</td>

                    <td>&nbsp;</td>

                </tr>

            </table>

}

    </div>

</div>

@section scripts

{

    @Scripts.Render("~/bundles/jqueryval")

}

参考文章：

1、MVC验证 http://www.cnblogs.com/kissdodog/archive/2013/05/04/3060278.html

2、MVC验证：http://blog.csdn.net/wanglei_samrtfish/article/details/6862770

码农公寓

相关文章