表单域提示工具方法HHJsLib.fieldHint-九九话事：聊创业、聊技术、玩艺术、交流交流开源作品;p

经常会用到这样的效果：

HTML代码：

当然也可以把相关的js放到脚本文件中。像前台的登陆框，注册框等等表单域中，这种功能特别的常见，于是乎，我写了这么一方法：

HHJsLib = {
    /**
     * 字段域提示工具 
     * 
     * @desc
     * 
     * @author xjiujiu xjiujiu@foxmail.com
     * @access public
     * @param  String target 需要提示的表单域对象，可以是id或是class名或tag
     * @param  String info 提示的信息
     */
    fieldHint: function(target, info) {
        $(target).click(function() {
            if(info == $(this).val()) {
                $(this).val("");
            }
        }).blur(function() {
            if('' == $(this).val()) {
                $(this).val(info);
            }
        });
    }
};

用这个方法，以后的绑定效果就只用这样：

//HTML代码：

//js代码
HHJsLib.fieldHint("name-id", "请输入用户名....");

啊哈哈，感觉好轻啊！！！

表单域提示工具方法HHJsLib.fieldHint

评论（2）