[jquery插件]飞飞input表单输入框默认提示信息插件

yecho

『特别提示：以下内容由金光新闻采集从互联网自动获取』
本插件是为输入用户名的提示信息而写的。功能虽然简单但对于做开发的人来说每次写这几行代码也实属繁琐，因此我就把这几行代码写成了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
在线示例演示
http://www.ffasp.com/plugs/autotip/
以下为插件源码

1. $.fn.autoTip = function(G){
   /**
   +------------------------------------------------------------------------------
   * input用户名自动提示插件
   * 参数
   * @input 入参
   *     json对象
   *     @ dvalue       input表单提示默认值
   *     @ tip          默认提示信息样式名class
   *     @ tipnone      在指定的input执行click时替换的样式名class
   +------------------------------------------------------------------------------
   *使用方法:
   * $("#xxx").autotip();
   * @ #xxx 为需要提示的input的id
   */
           var D;
           D = {
                   dvalue:"用户名/电子邮箱",//表单默认值
                   tip:"tip",             //默认提示信息样式名class
                   tipnone:"tipnone"      //在指定的input执行click时替换的样式名class
           };
           $.extend(D,G);
           if ($(this).val()==""){
                   $(this).val(D.dvalue)
                              .addClass(D.tip)
                          .click(function(){
                                   if($(this).val()==D.dvalue){
                                                    $(this).val("");
                                                    $(this).removeClass(D.tip);
                                                    $(this).addClass(D.tipnone);
                                   }
                                   })
                                   .blur(function(){
                                   if($(this).val()==""){
                                     $(this).removeClass(D.tipnone);
                                     $(this).addClass(D.tip);
                                     $(this).val(D.dvalue);
                                   }
                                   });
           };
   }

复制代码

『以上内容为网上采集，并不代表金光网络的观点，请及时删除不良信息和非法内容！』