Article tagué input

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'); }
});