MVC的驗證(模型注解和非侵入式腳本的結合使用)

@HtmlHrlper方式創建的標簽，會自動生成一些屬性，其中一些屬性就是關於驗證

如圖示例：

 

---

 

模型注解

通過模型注解后，MVC的驗證，包括前台客戶端，后台服務器的驗證，MVC統統都做了包含，即使用戶在客戶端禁用Javascript，服務器也會將非法操作進行驗證，當前前提是針對Model實體標識了注解的情況。

 

要能夠正常進行非空等合法性驗證必須做如下步驟（前提條件）：

1.必須在實體的每個類型上加上Required特性，但是數字型的屬性默認已經加上了。

2.必須在視圖上導入如下腳本：

<script src="~/Scripts/jquery-1.7.1.js"></script>   

<script src="~/Scripts/jquery.validate.js"></script>

<script src="~/Scripts/jquery.validate.unobtrusive.js"></script>  ——非嵌入式腳本

3.配置文件里的屬性配置如下：

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

MVC默認自帶的樣式：

<link href="~/Content/Site.css" rel="stylesheet" />

關鍵命名空間：

using System.ComponentModel.DataAnnotations;
using System.ComponentModel;
using System.Web.Mvc;

---

 

使用實例

 

一、非空驗證

在屬性上打標：

  [Required(ErrorMessage="不能為空")]
  public string dUserName { get; set; }

在視圖創建標簽處加上@Html.ValidationMessageFor,此標簽是當驗證錯誤時，會有相應提示，本質是一個span標簽

  @Html.TextBoxFor(d=>d.dUserName)
  @Html.ValidationMessageFor(d=>d.dUserName)

 

 

 

二、約束文本框輸入的長度

關鍵代碼：

[StringLength(10, MinimumLength = 4, ErrorMessage = "名稱長度只能介於4到10之間")]
public string dUserName { get; set; }

 

 

 

三、給表單項的控件加上描述表示

關鍵代碼:

[DisplayName("姓名")]
public string dUserName { get; set; }

視圖代碼加上相應代碼：

@Html.DisplayNameFor(d=>d.dUserName)

相應效果：

 

 

 

四、約束整數的取值范圍，在屬性上打標如下：

[Range(100,1000,ErrorMessage="最小為100元，最多捐1000元")]

 

 

五，保證該文本框輸入與另一個要相同 (可用於兩次密碼輸入保持一致)

[Compare("Pwd1",ErrorMessage="兩次輸入密碼不一致")]

 第一個參數是要匹配的屬性名稱

 

 

六、使用正則表達式

[RegularExpression("\\d+",ErrorMessage="密碼必須為純數字")]

 

 

七、自定義類型表單標簽

后台代碼：

　　　　　[DataType(DataType.EmailAddress)]
        [DisplayName("電子郵件")]
        public string Email { get; set; }

 

 

前台使用：

  @Html.DisplayNameFor(d=>d.Email)  ----提示文本
  @Html.EditorFor(d=>d.Email)    -----自定義類型標簽 為email格式
  @Html.ValidationMessageFor(d=>d.Email)  ---提示錯誤消息標簽

 

 

 這里輸入錯誤的提示消息，默認是英文，需要修改文件可以改成中文，修改圖解：

 

 

八、Remote標注屬性對，文本框輸入，通過Ajax連接數據庫，判斷有效性 （此方法是效驗時配合ajax連接數據庫）

例：注冊時可用於檢查用戶名是否被使用過，神奇效果：

 

注意：Remote是通過Ajax請求來進行驗證，為了防止緩存一般寫成post請求

打標：

[Remote("checkUsername","Donation",ErrorMessage="用戶名已經存在",HttpMethod="post")]   

checkUsername （action方法）

Donation （控制器名稱）

 

Action方法配合使用示例：

    [HttpPost]
        public ActionResult checkUsername()
        { 
                    //1.獲取檢查的值
            string uname = Request["dUserName"];

            //2.連接數據庫判斷
         DonationEntities db=new DonationEntities ();
          var model=db.DonationDetail.FirstOrDefault(d=>d.dUserName==uname);

            if (model!=null&&model.dUserName==uname)
            {
                return Content("false");
            }

            return Content("true");
        }

 

 

九、后台驗證

MVC驗證客戶端，需要依賴js腳本文件，如果用戶在瀏覽器里禁用了JavaScript，

這時我在后台可使用以下相應對策。

 

//表示驗證實體對象中所有標注了特性標簽的屬性是否合法，如果其中有一個不合法則返回false
            if (ModelState.IsValid==false)
            {
                /*
                 對於驗證失敗返回視圖相應的提示消息
                 * 視圖中需要 @Html.ValidateionSummry(true)標簽配合使用
                 */
                ModelState.AddModelError("","實體驗證失敗");
                return View();
            }

 

 

---