jQuery

Limitare i caratteri del testo di un input box con jQuery

jQuery

Trucchetto veloce ed indolora qualora abbiate un input box e vogliate, però, limitare i caratteri del testo da inserire.

Tra le tante possibilità per implementare questa soluzione, vi propongo come poterlo fare in poche righe di codice con jQuery :

La parte html sarà banalmente del tipo :

<input id=”myInput” value=””/>

 

mentre la parte jQuery :

$(document).ready(function(){   

    $(‘#myInput’).keyup( function() {
        var $this = $(this);
        if($this.val().length > 20)
            $this.val($this.val().substr(0, 20));           

    });
});

 

Alcune cose veloci da sottolineare. In primis, l’evento keyup che riguarda il momento in cui l’utente preme un qualsiasi tasto sulla tastiera e che può essere collegato a qualsiasi elemento. Si verifica, però, solo quando quell’elemento cui é collegato ha il focus.

Inoltre, vi ricordo l’importanza del metodo val() che si usa solitamente per ottenere il valore di un elemento del form.

Qui trovate una demo di quanto appena detto.

Vota questo articolo

Articoli simili

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.