Ressources pour webmasters
Article tagué focus
[jQuery] Valeur par défaut d’un input text
13/10/11
Voici un script javascript utilisant jQuery vous permettant de définir une valeur par défaut dans un champs de texte de formulaire.
Fonctionnement :
Indiquez le texte par défaut dans l’attribut title de l’input. Définissez une class .inputDefaultVal appliquée sur le texte par défaut (exemple: gris clair en italique)
<input type= »text » name= »inputName » title= »Texte par défaut » />
Source:
$('input[type=text]').focus(function(i) {
var val = $(this).val();
var defaultVal = $(this).attr('title');
if(val == defaultVal && defaultVal!= "") { $(this).val('').removeClass('inputDefaultVal'); }
});
$('input[type=text]').focusout(function(i) {
var val = $(this).val();
var defaultVal = $(this).attr('title');
if(val == '' && defaultVal!= "") { $(this).val(defaultVal).addClass('inputDefaultVal'); }
});
$('input[type=text]').each(function(index) {
var defaultVal = $(this).attr('title');
var val = $(this).val();
if(defaultVal!= "" && (val == '' || val == defaultVal )) { $(this).val(defaultVal).addClass('inputDefaultVal'); }
});