Skip to content

Instantly share code, notes, and snippets.

@blackfyre
Forked from pjeweb/jQuery HTML5 placeholder fix.js
Created July 17, 2012 13:04
Show Gist options
  • Save blackfyre/3129271 to your computer and use it in GitHub Desktop.
Save blackfyre/3129271 to your computer and use it in GitHub Desktop.
jQuery HTML5 placeholder fix with compability check
// Released under MIT license: http://www.opensource.org/licenses/mit-license.php
placeholderSupport = ("placeholder" in document.createElement("input"));
if (!placeholderSupport) {
(function ($) {
'use strict';
$(function () {
$('[placeholder]')
.focus(function () {
var input = $(this);
if (input.val() === input.attr('placeholder')) {
input.val('').removeClass('placeholder');
}
})
.blur(function () {
var input = $(this);
if (input.val() === '' || input.val() === input.attr('placeholder')) {
input.addClass('placeholder').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('');
}
});
});
});
})(jQuery);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment