管理

验证控件气泡提示效果源代码

Posted on 2008-12-02 14:58  lzhdim  阅读(719)  评论(0编辑  收藏  举报

[用途:]
       本程序能改善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代码段之后。

[版权相关:]
       欢迎大家使用和转载本程序,但是为了尊重作者的劳动成果,请转载时不要将作者的联系信息去掉;也欢迎大家根据这个思路创造出更好的验证提示效果,同时也请将修改后的程序发一份给作者本人,欢迎交流,共同进步。此气泡特效参考了蓝色理想中的代码,在此对其表示感谢。

Copyright © 2000-2022 Lzhdim Technology Software All Rights Reserved