Skip to content

Instantly share code, notes, and snippets.

@FernE97
Created March 9, 2012 19:18
Show Gist options
  • Save FernE97/2008180 to your computer and use it in GitHub Desktop.
Save FernE97/2008180 to your computer and use it in GitHub Desktop.
JS: jQuery Fallback Placeholder
// Add input placeholder for older browsers
(function ($) {
"use strict";
if (!Modernizr.input.placeholder) {
$('[placeholder]').focus(function () {
var input = $(this);
if (input.val() === input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function () {
var input = $(this);
if (input.val() === '' || input.val() === input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur();
$('[placeholder]').parents('form').submit(function () {
$(this).find('[placeholder]').each(function () {
var input = $(this);
if (input.val() === input.attr('placeholder')) {
input.val('');
}
});
});
}
}(jQuery));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment