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

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

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

1.創(chuàng)建一個asp.net mvc 3項目：

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

3.我們創(chuàng)建一個model叫做user,包含3個屬性，都是必填屬性。

接著我們創(chuàng)建對應的Controller

4.Html Helper的擴展 

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

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

最后是我們的view部分：

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

運行下看結(jié)果：

Amazing

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

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

【編輯推薦】

1. 分享24款非常有用的jQuery插件
2. 分享7個超棒的學習jQuery的網(wǎng)站
3. jQuery實現(xiàn)仿人人網(wǎng)彈出層效果
4. jQuery拖動布局實現(xiàn)排序結(jié)果同步數(shù)據(jù)庫
5. 30個最新超棒的jQuery燈箱插件