標籤

ASP.NET MVC (29) Visual C# (15) JQuery (10) Plugins (8) JQuery Plugins (6) JavaScript (6) MySQL (5) CSS (4) LinQ (4) Mac OS (4) CentOS (3) Design Pattern (3) Entity Framework (3) IIS (3) Python (3) Windows (3) php (3) Docker (2) LAMP (2) SQL Server (2) WCF (2) .NET (1) .NET Core (1) AWS (1) Browser (1) GIS (1) IE (1) Internet Security (1) Linux (1) Platform (1) React (1) SEO (1) Testing (1) VMware (1) Windows 7 (1) cookie (1) curl (1) laravel (1) phpBB (1) session (1) 中古屋 (1) 透天 (1) 閒言閒語 (1) 面試 (1) 鳥松 (1)

2011年9月19日 星期一

[ASP.NET MVC] 在View中使用預設的客戶端驗證

Using the client side validation in ASP.NET MVC3 without Model.
---
我既想要使用ASP.NET MVC的客戶端驗證,但是我又不想綁定資料模型,其實很簡單,只需將每個想要驗證的加上以下屬性:
  • data-val = true
  • data-val-(required|regex|range|equalto|remote|length|number)="顯示的錯誤訊息"

然後除了require不用規則,其他規則根據下列來加入:
  • data-val-regex-pattern
  • data-val-range-min
  • data-val-range-max
  • data-val-equalto-other
  • data-val-remote-url
  • data-val-remote-type
  • data-val-remote-additionalfield
  • data-val-length-min
  • data-val-length-max
例如我有個input名稱叫做keyword,他是屬於必要項目,那設定如下:
<input id="keyword" type="text" value="" name="keyword" data-val-required="關鍵字欄位為必要項。" data-val="true">

*注意true不能大寫為True

---
當然View中該引用的東西還是得引用:
1. 下面兩個js檔案
"~/Scripts/jquery.validate.min.js",
"~/Scripts/jquery.validate.unobtrusive.min.js"

2. @Html.BeginForm內部要加上:@Html.ValidationSummary(true)

---
Reference:



沒有留言:

張貼留言