MVC - 13.验证

1.注解验证-Required-StringLength-Range-Regular.

• 1.1.验证方式 [Required], [StringLength], [Range], 和 [RegularExpression]
• 1.2.显示错误消息：

@Html.ValidationMessageFor(s=>s.Name)

@Html.ValidationSummary()

---

2.注解验证几步操作

服务端验证：ModelState.IsValid 判断是否通过验证

---

3.补充几个验证特性（只能在客户端验证，不知道为什么我在后台 ModelState.IsValid 不能判断(解答：类型必须一致)）

• 3.1.比较验证 [Compare("Cid")]
• 3.2.远程校验 [Remote("IsSame","Home")]
• 3.3.关闭请求报文 危险字符（例如尖括号<a>）[ValidateInput(false)]

---

x.问题解答

x.1一直服务器验证失败的原因：（ModelState.IsValid 一直为false）

1.注解验证-Required-StringLength-Range-Regular.

1.1.验证方式

引入命名空间

using System.ComponentModel.DataAnnotations;

定义验证规则：

Model属性添加内置验证特性，介绍用的最多的其中的四个：

[Required], [StringLength], [Range], 和 [RegularExpression]

[Range] 介于x与y之间的值

[RegularExpression] 正则表达式

[StringLength(4,ErrorMessage="您使用的名称太长了~")]
        public string Name { get; set; }

生成的Html代码：

<input type="text" value="" name="Name" id="Name" data-val-length-max="4" data-val-length="您使用的名称太长了~" data-val="true" class="text-box single-line">

客户端验证：

1.引入JS脚本支持

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

2.添加语句

@{Html.EnableClientValidation(true);}（MVC3中默认开启）

*定义自己的定制验证特性，然后应用它们。你可以通过继承自System.ComponentModel.DataAnnotations命名空间中 的ValidationAttribute基类，定义完全定制的特性。

public class EmailAttribute : RegularExpressionAttribute

{

public EmailAttribute()

:base(@"^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$")

{

}

}

1.2.显示错误消息：

在单元格后面显示：@Html.ValidationMessageFor(s=>s.Name)

集中在一个地方显示：@Html.ValidationSummary()

2.注解验证几步操作

服务端验证：

控制器中使用：ModelState.IsValid 判断是否通过验证

Stu/Index.cshtml

1.jquery部分

jquery部分

jquery部分

//修改提交
        function DoClick() {

            //Form传过去的值，是(Models.Student model)
            var data =$("#tFormData").serialize();
            console.info(data);
            //[HttpPost]
            $.post("/Stu/Modify",data,function (jsonData) {
                if (jsonData.Statu == "OK") {
                    var tds = editingRow.children("td");
                    console.info(tds)
                    tds[2].innerHTML =jsonData.Data.Name;
                    ////根据下拉列表获取它的文本数据，就是它的class.Name了
                    tds[1].innerHTML =$("#Cid option[value="+jsonData.Data.Cid+"]").text() ;
                    tds[3].innerHTML =jsonData.Data.Gender;
                    editingRow =null;//清空编辑行
                    $("#tbData").css("display","none");

                    $.msgBox.showMsgOk(jsonData.Msg);
                }else {
                    $.msgBox.showMsgOk(jsonData.Msg);
                }
            },'json');
        }

2.html部分,还是可以选择button。不一定用submit

html部分

html部分

@using (Html.BeginForm("Modify", "Stu", FormMethod.Post, new { id = "tFormData" }))
{
    <table id="tbData" border="1">
        <tr>
            <td>
                @Html.LabelFor(s=>s.Name)
            </td>
            <td>
                <input type="hidden" id="StudentID" name="StudentID" />
                @*<input type="text" id="Name" name="Name" />*@
@Html.EditorFor(s=>s.Name)
                @Html.ValidationMessageFor(s=>s.Name)

            </td>
        </tr>
        <tr>
            <td>@Html.LabelFor(s => s.Cid)</td>
            <td>
                @Html.DropDownListFor(s => s.Cid, ViewBag.seList as IEnumerable<SelectListItem>)
                @*@Html.DropDownList("Cid", ViewBag.seList as IEnumerable<SelectListItem>)*@
@*@Html.TextBoxFor(s=>s.Cid)*@
</td>
        </tr>
        <tr>
            <td>@Html.LabelFor(s => s.Gender)</td>
            <td>
                @*<input type="radio" id="GenderFF" name="Gender" value="保密" checked="checked" />保密
                    <input type="radio" id="GenderM" name="Gender" value="男" />男
                    <input type="radio" id="GenderW" name="Gender" value="女" />女*@
@Html.RadioButtonFor(s => s.Gender, "保密", new { id = "GenderFF" })保密
                @Html.RadioButtonFor(s => s.Gender, "男", new { id = "GenderM" })男
                @Html.RadioButtonFor(s => s.Gender, "女", new { id = "GenderW" })女
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" id="btnSure" value="提 交" />
            </td>
            <td>
                <input type="button" id="btnCansole" value="取 消" />
            </td>
        </tr>
    </table>
}

封装到 json标准格式实体中

JsonModel.cs

JsonModel.cs

JsonModel.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace _06MVCAjax_CodeFirst.Models
{
    /// <summary>
    /// Json数据实体
    /// </summary>
    public class JsonModel
    {
        public object Data { get; set; }
        public string Msg { get; set; }
        public string Statu { get; set; }
        public string BackUrl { get; set; }
    }
}

stuController.cs Modify方法

stuController.cs Modify方法

stuController.cs Modify方法

 [HttpPost]
        public ActionResult Modify(Models.Student model)
        {
            Models.JsonModel jsonModel = new Models.JsonModel();
            if (ModelState.IsValid)
            {
                try
                {
                    DbEntityEntry entry = db.Entry<Models.Student>(model);
                    entry.State = EntityState.Unchanged;
                    entry.Property("Name").IsModified = true;
                    entry.Property("Cid").IsModified = true;
                    entry.Property("Gender").IsModified = true;
                    db.SaveChanges();

                    jsonModel.Data = model;
                    jsonModel.Msg = "更新成功!";
                    jsonModel.Statu = "OK";

                }
                catch (Exception ex)
                {
                    jsonModel.Msg = "更新异常：" + ex.Message;
                    jsonModel.Statu = "Error";
                }

            }
            else
            {
                jsonModel.Data = null;
                jsonModel.Msg = "更新失败,验证未通过!";
                jsonModel.Statu = "Error";
            }
            return Json(jsonModel);
        }

3.补充几个验证特性（只能在客户端验证，不知道为什么我在后台 ModelState.IsValid 不能判断(解答：类型必须一致)）

3.1.比较验证

[Compare("Cid")]

比较姓名和班级名的值必须一样。

3.2.远程校验

[Remote("IsSame","Home")]

Student.cs

 [Remote("IsSame","Stu")]
        public string Name { get; set; }

StuController.cs

StuController.cs - IsSame方法 

StuController.cs - IsSame方法

/// <summary>
        ///  [Remote("IsSame","Stu")]方法  （远程校验）
        /// </summary>
        /// <returns></returns>
        public ActionResult IsSame()
        {
            string strVal = Request.Params["Name"];
            if (strVal=="儿童节")
            {
                return Json(true, JsonRequestBehavior.AllowGet);
            }
            else
            {
                return Json(false, JsonRequestBehavior.AllowGet);
            }
        }

3.3.[ValidateInput(false)]

x.问题解答

x.1一直服务器验证失败的原因：（ModelState.IsValid 一直为false）