asp.net mvc中很酷的jquery驗證外掛程式

代碼：http://files.cnblogs.com/n-pei/ScaffoldingSample.rar

在看這篇文章之前，希望你能夠先閱讀下我將會使用得到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。。。。

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

 

Nick