Skip to content

Instantly share code, notes, and snippets.

@james2doyle
Created August 28, 2012 16:35
Show Gist options
  • Save james2doyle/3500145 to your computer and use it in GitHub Desktop.
Save james2doyle/3500145 to your computer and use it in GitHub Desktop.
jQuery Placeholder Fallback
$(document).ready(function() {
if ( !("placeholder" in document.createElement("input")) ) {
$("input[placeholder]").each(function() {
var val = $(this).attr("placeholder");
if ( this.value == "" ) {
this.value = val;
}
$(this).focus(function() {
if ( this.value == val ) {
this.value = "";
}
}).blur(function() {
if ( $.trim(this.value) == "" ) {
this.value = val;
}
})
});
// Clear default placeholder values on form submit
$('form').submit(function() {
$(this).find("input[placeholder]").each(function() {
if ( this.value == $(this).attr("placeholder") ) {
this.value = "";
}
});
});
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment