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

1486 次阅读 by 九九 2013-05-26 | 标签:Database HHJsLib Javascript 总结

经常会用到这样的效果:

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", "请输入用户名....");
啊哈哈,感觉好轻啊!!!

评论(2)

暂无评论!


PS:多打字可以减肥哦~234字以内。支持表情:


Top