autoTip 飞飞的基于jquery的input表单输入框默认提示信息插件

脚本大小：24KB
脚本语言：简体中文
脚本类型：国产软件
脚本授权：免费软件
更新时间：2010-09-23 18:58:53
脚本类别：悬浮漂浮
相关链接： 官方网址  演示地址
网友评分：3分
应用平台：javascript

本插件是为输入用户名的提示信息而写的。功能虽然简单但对于做开发的人来说每次写这几行代码也实属繁琐，所以我就把这几行代码写成了jquery的插件以求以后用起来更加便捷。
简单说明：
1.可以自动默认提示信息，若不设置则默认值为：用户名/邮箱
2.当input获得焦点时，input的值会被自动清除；当input失去焦点时，会判断输入值与默认值是否一致，如果一致（或空）则再次显示默认提示信息，若不一致（已输入信息）则input值为所输入值
3.此插件是jquery插件，调用方式为 * $("#xxx").autoTip(); 并可以指定input获得焦点和失去焦点的CSS样式。以下为参数说明
+------------------------------------------------------------------------------
* 参数
* @input 入参
* json对象
* @ dvalue input表单提示默认值
* @ tip 默认提示信息样式名class
* @ tipnone 在指定的input执行click时替换的样式名class
+------------------------------------------------------------------------------
*使用方法:
* $("#xxx").autotip();
* @ #xxx 为需要提示的input的id
插件源码

1. 
   
2. $.fn.autoTip = function(G){
   
3. /**
   
4. +------------------------------------------------------------------------------
   
5. * input用户名自动提示插件
   
6. +------------------------------------------------------------------------------
   
7. * @author 飞飞
   
8. * @version 1.0
   
9. * @QQ 276230416
   
10. +------------------------------------------------------------------------------
    
11. * 参数
    
12. * @input 入参
    
13. * json对象
    
14. * @ dvalue input表单提示默认值
    
15. * @ tip 默认提示信息样式名class
    
16. * @ tipnone 在指定的input执行click时替换的样式名class
    
17. +------------------------------------------------------------------------------
    
18. *使用方法:
    
19. * $("#xxx").autotip();
    
20. * @ #xxx 为需要提示的input的id
    
21. */
    
22. var D;
    
23. D = {
    
24. dvalue:"用户名/电子邮箱",//表单默认值
    
25. tip:"tip", //默认提示信息样式名class
    
26. tipnone:"tipnone" //在指定的input执行click时替换的样式名class
    
27. };
    
28. $.extend(D,G);
    
29. if ($(this).val()==""){
    
30. $(this).val(D.dvalue)
    
31. .addClass(D.tip)
    
32. .click(function(){
    
33. if($(this).val()==D.dvalue){
    
34. $(this).val("");
    
35. $(this).removeClass(D.tip);
    
36. $(this).addClass(D.tipnone);
    
37. }
    
38. })
    
39. .blur(function(){
    
40. if($(this).val()==""){
    
41. $(this).removeClass(D.tipnone);
    
42. $(this).addClass(D.tip);
    
43. $(this).val(D.dvalue);
    
44. }
    
45. });
    
46. };
    
47. }
    

复制代码

四五互联移动下载

群英网络电信下载

巨牛网络电信下载

创梦网络电信下载