ASP.NET MVC中很酷的jQuery驗證外掛程式

代碼：http://down.51cto.com/data/187446

在看這篇文章之前，希望你能夠先閱讀下我將會使用得到jquery的外掛程式作者部落格：http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

下載下來後，解壓到某個地方。

1.建立一個asp.net mvc 3項目：

2.把需要的js和css檔案添加到項目中來(在你剛才解壓的目錄下)。

3.我們建立一個model叫做user,包含3個屬性，都是必填屬性。

接著我們建立對應的Controller

4.Html Helper的擴充 

這部分是最令人心動的地方。我們擴充了html helper，使用反射來尋找是否當前的Model屬性是必填的，如果必填則向當頁面中寫入一段html代碼，作為驗證的提示資訊。

5.添加js和css到模板中，Razor中是layout頁面：

最後是我們的view部分：

@Html.Editor()這個擴充方法會把html產生。 而重要的是我們要使用最下面的那段指令碼來驗證當前的form，通過form id….

運行下看結果：

Amazing

這是一個很好的整個項目的驗證方案。當然它也可以對其他控制項驗證,具體的請參考你下載的代碼中的例子。

原文連結：http://www.cnblogs.com/n-pei/archive/2011/04/11/2011964.html

【編輯精選】

1. 分享24款非常有用的jQuery外掛程式
2. 分享7個超棒的學習jQuery的網站
3. jQuery實現仿人人網彈出層效果
4. jQuery拖動布局實現排序結果同步資料庫
5. 30個最新超棒的jQuery燈箱外掛程式

【責任編輯：陳貽新 TEL：（010）68476606】