Html5的placeholder属性兼容

1、Html5的placeholder属性兼容

(function($){

 

$.fn.placeholder = function(){

var searchText = jQuery('#username');

aa(searchText);

var searchText = jQuery('#userpassword');

aa(searchText);

var searchText = jQuery('#usercode');

aa(searchText);

var searchText = jQuery('#check');

aa(searchText);

 

}

})(jQuery);

jQuery(function (jQuery) {

jQuery('#searchText').placeholder();

});

 

function aa(searchText){

var searchValue = searchText.attr('placeholder');

if ( !( 'placeholder' in document.createElement('input') ) ){

searchText.removeAttr('placeholder').val(searchValue).bind('focus',function(){

if ( this.value==searchValue) {this.value=''; };

}).bind('blur',function(){

if ( this.value=='' ){ this.value=searchValue; };

});

 

 

if(searchValue=='密码'){

 var pwdField = $("input[type=password]");

 pwdField.after('<input id="userpassword2" type="text" value='+searchValue+' autocomplete="off" />');

 var pwdPlaceholder = $('#userpassword2');

 pwdPlaceholder.show();

 pwdField.hide();

 

 pwdPlaceholder.focus(function(){

  pwdPlaceholder.hide();

  pwdField.show();

  pwdField.focus();

 });

 

 pwdField.blur(function(){

  if(pwdField.val() == '密码') {

   pwdField.hide();

   pwdPlaceholder.show();

  }

 });

}

 

}else{

searchText.bind('focus',function(){

if(jQuery(this).attr('placeholder')== searchValue ){ jQuery(this).attr('placeholder','') };

}).bind('blur',function(){

if ( jQuery(this).attr('placeholder','') ){ jQuery(this).attr('placeholder',searchValue) };

});

}

}