Catégories
Développement

Valeur par défaut d’un champ input

Voici un petit bout de code jQuery simple et propre (je l’espère) permettant de mettre un texte dans un input vide sans pour autant gêner la saisi.

Déclarer la fonction ci dessous :

(function($) {
	 $.fn.defaultInputValue = function(value) {
	   var $this = $(this);
	   var val = value;
	   $this.click(function(){if($(this).val() == val) $(this).val('');})
	   .blur(function(){if($(this).val() == '') $(this).val(val);});
	   return $this;
	 };
})(jQuery);

Faire ensuite l’appel :

$('#monElement').defaultInputValue('texte par défaut');

Enjoy !

Par daidais

Développeur Web, Amateur de technologie innovante, libriste et guitariste passionné

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *