模拟placeholder功能

$.fn.placeholder = function(){
		function IsPlaceholder(input){
			return ($(input).val() == $(input).attr("placeholder"));
		}
                 //对使用插件的每一个标签都进行过滤
                 return this.each(function(){
			$(this).find("input").each(function(index, el) {
				if ($(this).val() == "密码") {
					$(this).focus(function(event) {
						$(this).hide();
						$("#logPass").show();
						$("#logPass").focus();
					});
					$("#logPass").blur(function(event) {
						if (!$(this).val()) {
							$("#logPass").hide();
							$("#logPass").siblings('input').show();
						};
					});
				}else{
					function showPlaceholder(input,reload){
						if (!$(input).val() ||(reload && IsPlaceholder(input))){
                            $(input).val($(input).attr("placeholder"));
                        }
					}
					$(this).focus(function(){
						if (!$(this).val() || IsPlaceholder($(this))) {
							$(this).val("");
						};
					}).blur(function(event) {
						showPlaceholder(this, false);
					});
					showPlaceholder(this, true);
				}
			});
		})
	}

	$(".placeholder").placeholder();//使用



你可能感兴趣的:(模拟placeholder功能)