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.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
(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
|
1 |
<input type="text" name="email" id="email"> |
Et le js :
|
1 2 |
// on souhaite limiter à 50 caractères $('#email').limit(50); |
Évidemment, la lib jQuery doit être chargé avant 🙂