@HtmlHrlper方式創建的標簽,會自動生成一些屬性,其中一些屬性就是關於驗證 如圖示例: 模型註解 通過模型註解後,MVC的驗證,包括前臺客戶端,後臺伺服器的驗證,MVC統統都做了包含,即使用戶在客戶端禁用Javascript,伺服器也會將非法操作進行驗證,當前前提是針對Model實體標識了註 ...
@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(); }