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.
