Limiter le nombre de caractères (déjà vu ?)

Déjà vu ici sans plugin – Compter les caractères –

On va voir comment faire notre plugin pour jQuery.

Et plus particulièrement, limiter le nombre de caractères pour les champs d’un formulaire.

(function($){
	// $.fn instanciation du plugin
	// limit : le nom que l'on va lui donner
	$.fn.limit=function(characters)
	{
		// keyup : quand on relâche la touche du clavier
		$(this).keyup(function () {
			// on ne conserve uniquement tout ce qui est inférieure à characters
			if(($(this).val().length) > characters)
				 $(this).val($(this).val().substr(0, characters));
		});
	};
})(jQuery);

(function($){

// $.fn instanciation du plugin

// limit : le nom que l'on va lui donner

$.fn.limit=function(characters)

{

// keyup : quand on relâche la touche du clavier

$(this).keyup(function () {

// on ne conserve uniquement tout ce qui est inférieure à characters

if(($(this).val().length) > characters)

$(this).val($(this).val().substr(0, characters));

});

};

})(jQuery);

Pour l’utiliser, rien de plus simple : voici un champ du formulaire

<input type="text" name="email" id="email">

1	<input type="text" name="email" id="email">

Et le js :

// on souhaite limiter à 50 caractères
$('#email').limit(50);

1 2	// on souhaite limiter à 50 caractères $('#email').limit(50);

Évidemment, la lib jQuery doit être chargé avant 🙂

Limiter le nombre de caractères (déjà vu ?)

Développement

Retrouvez d'autres articles par catégories

Développement