|
用途：
本程序能改善asp.net的驗證控件的顯示效果，用比較人性化的氣泡提示來替換掉原來枯燥的界面提示,并帶有"關(guān)閉提示"的功能，有效的解決了一個輸入框帶多個驗證控件時,顯示錯誤提示信息不在同一個地方的缺陷，也有效解決了驗證控件占用頁面提示信息版面的缺陷。
程序原理：
在微軟asp.net框架中,使用的驗證控件提示是通過封裝在JS庫中的ValidatorUpdateDisplay函數(shù)來實現(xiàn)的.
一般通過瀏覽器查看到aspx的源文件中,有類似<script src=/WebResource.axd?...的代碼,ValidatorUpdateDisplay就包含在里面.
本程序通過覆蓋掉他原來的方法達到效果,在WinValidatorFiles文件夾下面,每一個效果下面有js/validator.js文件,里面重寫了ValidatorUpdateDisplay方法,結(jié)合css和javascript構(gòu)造出了各種氣泡效果.
大家也可以通過這個思路繼續(xù)開發(fā)出更多美觀的效果.
核心代碼：
WinVal類:該類封裝調(diào)用各種特效的屬性和方法
ClientDeal類:該類用于處理客戶端javascript和css
config.xml:配置文件,保存各種效果的名稱,文件夾路徑,css路徑,js路徑信息.擴展時,只需要配置該xml文件,并增加相應(yīng)效果的資源文件到WinValidatorFiles文件夾即可.
效果截圖：
使用方法：
將WinValidatorFiles文件夾copy到站點根目錄，然后在 </form>之后插入如下代碼：
<script type="text/javascript" src="/WinValidatorFiles/js/validator.js"></script>
注意：
- 本程序在asp.net2.0，IE6、Firefox2下通過，但不保證能適應(yīng)所有瀏覽器。
- 在使用驗證控件時，請將驗證控件的Display屬性設(shè)為Static（默認為Static）。
- 路徑都是從根路徑開始，所以本地測試時請設(shè)置為網(wǎng)站，而不是虛擬目錄。
- 本程序的原理是覆蓋掉.net框架中自帶的ValidatorUpdateDisplay函數(shù)，所以引入的代碼一定要在他本身生成的<script src="/WebResource.axd代碼段之后。
版權(quán)相關(guān)：
歡迎大家使用和轉(zhuǎn)載本程序，但是為了尊重作者的勞動成果，請轉(zhuǎn)載時不要將作者的聯(lián)系信息去掉；也歡迎大家根據(jù)這個思路創(chuàng)造出更好的驗證提示效果，同時也請將修改后的程序發(fā)一份給作者本人，歡迎交流，共同進步。此氣泡特效參考了藍色理想中的代碼，在此對其表示感謝。
演示：
http://www.shouji138.com/aspnet2/
下載：
WinValidatorFiles文件夾下載：WinValidatorFilesSource.rar
demo項目下載：WinValidatorSource.rar
dll下載： Winsteps.Validator.dll.rar
經(jīng)典論壇交流：
http://bbs.blueidea.com/thread-2828812-1-25.html
本文鏈接：http://www.95time.cn/tech/program/2008/5625.asp 
出處：藍色理想
責(zé)任編輯：bluehearts
◎進入論壇網(wǎng)絡(luò)編程版塊參加討論
|
