Skip to content
Create a gist now

Instantly share code, notes, and snippets.

Embed URL


Subversion checkout URL

You can clone with
Download ZIP
// Released under MIT license:
// good javascript
(function ($) {
'use strict';
$(function () {
.focus(function () {
var input = $(this);
if (input.val() === input.attr('placeholder')) {
.blur(function () {
var input = $(this);
if (input.val() === '' || input.val() === input.attr('placeholder')) {
.parents('form').submit(function () {
$(this).find('[placeholder]').each(function () {
var input = $(this);
if (input.val() === input.attr('placeholder')) {
// minified javascript
(function(j,p){j(function(){j("["+p+"]").focus(function(){var i=j(this);if(i.val()===i.attr(p)){i.val("").removeClass(p)}}).blur(function(){var i=j(this);if(i.val()===""||i.val()===i.attr(p)){i.addClass(p).val(c.attr(p))}}).blur().parents("form").submit(function(){j(this).find(p).each(function(){var i=j(this);if(i.val()===i.attr(p)){i.val("")}})})})})(jQuery,"placeholder");

I wrote a "better" version (conflict free, more performant, on document ready)
and a hand-minified version of it


Does this work with passwords and textareas as well?


Thanks for a good solution!

There was a typo in the minified version ('c' is undefined on col.211), so I fixed it:
(function(j,p){j(function(){j("["+p+"]").focus(function(){var i=j(this);if(i.val()===i.attr(p)){i.val("").removeClass(p)}}).blur(function(){var i=j(this);if(i.val()===""||i.val()===i.attr(p)){i.addClass(p).val(i.attr(p))}}).blur().parents("form").submit(function(){j(this).find(p).each(function(){var i=j(this);if(i.val()===i.attr(p)){i.val("")}})})})})(jQuery,"placeholder");


Thanks for this. wasn't working in IE8.


Doesn't seem to work properly when using the HTML5 required attribute.


Awesome!! Thanks @rozboris


Shouldn't the placeholder be whatever you define, "Password" rather than "********"? How to accomplish that?


This is not working with ie8 for me.

Edit: Correction. It must be getting wiped out by the json in ie8/9 which is not an issue in 10+. Ugh

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.