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

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

下載下來(lái)后，解壓到某個(gè)地方。

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

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

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

接著我們創(chuàng)建對(duì)應(yīng)的Controller

4.Html Helper的擴(kuò)展 

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

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

最后是我們的view部分：

@Html.Editor()這個(gè)擴(kuò)展方法會(huì)把html生成。 而重要的是我們要使用最下面的那段腳本來(lái)驗(yàn)證當(dāng)前的form，通過(guò)form id….

運(yùn)行下看結(jié)果：

Amazing

這是一個(gè)很好的整個(gè)項(xiàng)目的驗(yàn)證方案。當(dāng)然它也可以對(duì)其他控件驗(yàn)證,具體的請(qǐng)參考你下載的代碼中的例子。

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

【編輯推薦】

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