Comment enregistrer la valeur de INPUT dans une variable?

Question

Comment enregistrer la valeur de INPUT dans la variable pour ne pas écrire beaucoup de code en double?

comme var entrée = $ (this) .val();

pleine example

<div id="form"> 
    1. <input type="text" value="title" /> 
    2. <input type="text" value="value" /> 
</div> 

$(function(){ 
    $('#form input:eq(0)').bind({ 
    focus: function(){ 
     if($(this).val()=='title'){ 
      $(this).val(''); 
     } 
    }, 
    blur: function(){ 
     if($(this).val() == ''){ 
      $(this).val('title'); 
     } 
    } 
    }); 

    $('#form input:eq(1)').bind({ 
    focus: function(){ 
     if($(this).val()=='value'){ 
     $(this).val(''); 
     } 
    }, 
    blur: function(){ 
     if($(this).val() == ''){ 
      $(this).val('value'); 
     } 
    } 
    }); 
}); 

Answer 1

Voici ma solution. Je travaillerais à un domaine qui a class = "set-default"

Commander le working example

Voici le code:

$(function(){ 
    $('.set-default').bind({ 
    focus: function(){ 
     if(typeof($(this).data('def')) == 'undefined'){ 
       $(this).data('def', this.value) 
     } 
     if(this.value == $(this).data('def')){ 
      this.value = ''; 
     } 
    }, 
    blur: function(){ 
     if(this.value == ''){ 
      this.value = $(this).data('def'); 
     } 
    } 
    }) 
}); 

essentiellement tous les domaines qui avaient la classe par défaut définie agira comme vous voulez. Vous pouvez toujours changer le sélecteur en $ ('# form input') mais je pense que ce n'est pas utile.

HTH

Answer 2

Je ne suis pas sûr de ce que vous demandez, mais ce refactoring travaillerez pour basculer la valeur. EDIT: ajout attribut par défaut aux éléments html et raccourcie jQuery (toujours lisible bien) http://jsfiddle.net/UmZeZ/

<div id="form"> 
    1. <input type="text" value="title" default="title" /> 
    2. <input type="text" value="value" default="value" /> 
</div> 


$(function() { 
    $('#form input').bind('focus blur', function() { 
     var value = $(this).attr('default'); 
     if ($(this).attr('value') == value) { 
      $(this).attr('value', ''); 
     } else if ($(this).attr('value') === '') { 
      $(this).attr('value', value); 
     } 
    }); 
}); 

Answer 3

Pour accomplir ce que vous voulez, je vous suggère d'utiliser l'attribut HTML5 placeholder. Avec Modernizr, nous pouvons détecter le support du navigateur pour cette fonctionnalité, et avec ce simple morceau de code, nous pouvons le faire fonctionner même pour les navigateurs qui ne supportent pas placeholder.

if(!Modernizr.input.placeholder){ 
    var input = $('input[type="text"]'); 

    input.focus(function(){ 
     if(this.value === this.getAttribute('placeHolder')) this.value = ''; 
    }).blur(function(){ 
     if(this.value === '') this.value = this.getAttribute('placeHolder'); 
    }).blur(); 
} 

Voir une démonstration en direct de cette ici: http://www.jsfiddle.net/yijiang/cTDsL/1