Skip to content

Instantly share code, notes, and snippets.

@KruegerDesigns
Created March 4, 2014 21:05
Show Gist options
  • Save KruegerDesigns/9355614 to your computer and use it in GitHub Desktop.
Save KruegerDesigns/9355614 to your computer and use it in GitHub Desktop.
Placeholder jQuery Polyfil
<script type="text/javascript">
$(document).ready(function() {
//$('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().parents('form').submit(function() {
$(this).find('[placeholder]').each(function() {
var input = $(this);
if (input.val() === input.attr('placeholder')) {
input.val('');
}
});
});
});
// wrap js in this if there's an "ie8" class in the html tag
if( $("html").hasClass("ie8") ) {
// do something here!
};
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment