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

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

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

Et le js :

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

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