Forums » jQuery

MAXLENGTH EM TEXTAREA COM JQUERY

    • 466 posts
    11 de julho de 2014 08:55:26 ART

    MAXLENGTH EM TEXTAREA COM JQUERY

     

    Hoje eu irei mostrar como limitar o tamanho de textareas com um simples código jquery.

    Sabemos que inputs do tipo text tem a propriedade maxlength e também sabemos que textareas não tem, mas com um código jquery podemos trabalhar como se existisse maxlength em textareas.

    Para fazermos isso é simples.

     

    Precisamos de um textarea com maxlength.

    <textareamaxlength="15"rows="5"cols="30"name="texto"></textarea>

    Após devemos adicionar no seu javascript o seguinte código:

     

    $("textarea[maxlength]").keypress(function(event){
        var key = event.which;
     
        //todas as teclas incluindo enter
        if(key >= 33 || key == 13) {
            var maxLength = $(this).attr("maxlength");
            var length = this.value.length;
            if(length >= maxLength) {
                event.preventDefault();
            }
        }
    });

    Este post foi editado por Oliveira Dario em 11 de julho de 2014 09:05:14 ART"