天天看點

驗證控件氣泡提示效果源代碼

[用途:]

       本程式能改善asp.net的驗證控件的顯示效果,用比較人性化的氣泡提示來替換掉原來枯燥的界面提示,并帶有"關閉提示"的功能,有效的解決了一個輸入框帶多個驗證控件時,顯示錯誤提示資訊不在同一個地方的缺陷,也有效解決了驗證控件占用頁面提示資訊版面的缺陷。

[效果截圖:]

[使用方法:]

将WinValidatorFiles檔案夾copy到站點根目錄,然後在 </form>之後插入如下代碼:

<script type="text/javascript" src="/WinValidatorFiles/js/validator.js">

</script>

[注意:]

       1. 本程式在asp.net2.0,IE6、Firefox2下通過,但不保證能适應所有浏覽器。

       2. 在使用驗證控件時,請将驗證控件的Display屬性設為Static(預設為Static)。

       3. 路徑都是從根路徑開始,是以本地測試時請設定為網站,而不是虛拟目錄。

       4. 本程式的原理是覆寫掉.net架構中自帶的ValidatorUpdateDisplay函數,是以引入的代碼一定要在他本身生成的<script src="/WebResource.axd代碼段之後。

[版權相關:]

       歡迎大家使用和轉載本程式,但是為了尊重作者的勞動成果,請轉載時不要将作者的聯系資訊去掉;也歡迎大家根據這個思路創造出更好的驗證提示效果,同時也請将修改後的程式發一份給作者本人,歡迎交流,共同進步。此氣泡特效參考了藍色理想中的代碼,在此對其表示感謝。

繼續閱讀