Switching jQuery input value

Question

I use this code to switch the values ​​of my onFocus and Blur inputs:

$('input, textarea').focus(function() {
            value=$(this).val();
            $(this).attr("value","")};
        });
        $('input, textarea').blur(function() {
            if($(this).val()=="") {
                $(this).val(value);
            }
        });

The only problem is that when I enter something into these inputs, redefine after entering into another field, the field becomes empty. Is there a way to edit this code to ban it?

An example for you here :)

---

I tried something like this, but this was not what I want:

$('input, textarea').focus(function() {
            value=$(this).val();
    if($(this).val(value)) {
            $(this).attr("value","");
        });
        $('input, textarea').blur(function() {
            if($(this).val()=="") {
                $(this).val(value);
            }
        });

Answer 1

You need to set the initial value and check for it.

$('input, textarea').each(function(){
    // initial storing of the pre-defined value
    $(this).data('initial', this.value);
}).focus(function(){
    var $this = $(this);
    // on focus if the value of the field is still the initial then clear it
    if ( (this.value) == $this.data('initial') )
      this.value = '';
}).blur(function(){
    var $this = $(this);
    // on blur if the value is still cleared then restore the initial 
    if ( (this.value) == '' )
        this.value = $this.data('initial');
})

Demo : http://jsfiddle.net/EMYmG/2/

---

Update

, defaultValue, . ( )

$('input, textarea').focus(function(){
        // on focus if the value of the field is still the initial then clear it
        if ( (this.value) == this.defaultValue )
          this.value = '';
    }).blur(function(){
        // on blur if the value is still cleared then restore the initial 
        if ( (this.value) == '' )
            this.value = this.defaultValue;
    })

: http://jsfiddle.net/PjsRQ/

Answer 2

. , .

, . , ( DOM ).

A jQuery -, , , .

Answer 3

- : http://jsfiddle.net/Ajcmq/

, : , , , , .

, dfault , : D.

Answer 4

jQuery Form Example plugin , , , DOM .

Answer 5

jQuery Hint Overlay?

http://jsfiddle.net/6y2wX/