Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
// 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");

pjeweb commented Oct 27, 2011

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?

rozboris commented Aug 6, 2012

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.

skube commented Apr 16, 2013

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?

atentis commented Sep 24, 2014

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