This is what someone on this list gave me about 2 weeks ago: // the focus / blur functionality of the text input // fields for the email a friend form. $('#input.email').bind('focus', function() { // Set the default value if it isn't set if ( !this.defaultValue ) this.defaultValue = this.value; // Check to see if the value is different if ( this.defaultValue && this.defaultValue != this.value ) return; // It isn't, so remove the text from the input this.value = ''; }) .bind('blur', function() { // If the value is blank, return it to the defaultValue if ( this.value.match(/^\s*$/) ) this.value = this.defaultValue; });
-----Original Message----- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of sperks Sent: Monday, August 25, 2008 3:26 PM To: jQuery (English) Subject: [jQuery] input:empty and remember password I have a script that displays username and password as background images in the input fields when the field is empty and they removes it when on focus (or when there's content left in the field). I then came up against the issue where if someone's browser populates the input fields after their browser is asked to remember their password and I end up with both the input fields being populated and the background showing. Here's my initial script: $(document).ready(function() { $('#loginArea').addClass('active'); $('#loginArea.active input') .focus(function() { $(this).addClass("nobg"); }) .blur(function() { if ($(this).val() == '') { $(this).addClass("nobg"); }; }); }); I tried using $('#loginArea.active input:empty').removeClass("nobg"); but FF doesn't add the username/password until after the page has loaded (I don't know what other browsers are doing), and thus the decision to addClass is based on empty cells. Anyone have an idea of how to resolve this one?