Contagem de caracteres de vários textarea

[Gisele.Passoni 0]

Boa tarde!

Preciso fazer um cadastro em php onde terão 5 textarea. No final da digitação dos 5 textarea, terá que ter um total de no máximo 500 caracteres, então se eu digitar 100 caracteres no 1º textarea, deverá aparecer que restam 400 para serem digitados entre os outros 4 textarea...

Isso é possível em JS ou JQuery?

Se possível, gostaria da orientação de vocês, de como fazer isso!

Desde já agradeço!

[William Bruno 1501]

Vc consegue a quantidade de caracteres digitados com a propriedade .length

então:

 

document.getElementById('id_do_primeiro_text').value.length

 

É possível com JavaScript, e por sua vez é possível com jQuery.

A linguagem é JS, então tudo o que for possível com jQuery, só é possível, pq era possível com JS.

 

Se não for possível com JS, ai não é possível com jQuery. Entendeu ?

[Gisele.Passoni 0]

Sim Willian, entendi!

Vou ver se consigo fazer, apesar de não tem muito conhecimento em JS.

Obrigada!

Depois aviso se consegui ou não!

[jgustavo99 85]

Olá! Seria tipo esse tutorial: http://quebrandoacabeca.com/contador-e-limitador-de-caracteres-no-textarea-jquery/. Porém você ira contar os 5 Textareas no jQuery invez de 1... A dica do Willian Bruno é super válida também...

 

Boa Sorte ;)

[Gisele.Passoni 0]

Olá jgustavo99
Sim, eh isso que preciso! Para fazer a contagem em cada textarea eu consigo, mas sempre terá o limite de 500 caracteres. O que preciso fazer eh que o segundo textarea, por exemplo, tenha um valor restante tipo: (500 menos o que foi digitado no 1º textarea... não consigo transferir o tanto que foi digitado no 1º para uma varialvel js e fazer essa conta, entendeu? Não entendo muito de JS.

[Snowden 94]

var total = 500;

var count = function(){

var t = 0;

$('textarea').each(function(){

t = t + this.value.length;

});

return t;

};

 

$('#resta').text(total);

 

$('textarea').on({

keyup: function(event){

$('#resta').text(total - count());

},

keypress: function(event){

if (count() >= total){

return false;

}

}

});

<p>

<label>Resumo 1</label>

<textarea cols="150" rows="5"></textarea>

</p>

<p>

<label>Resumo 2</label>

<textarea cols="150" rows="5"></textarea>

</p>

 

[...]

 

<p>

<span id="resta">0</span> Caracteres Restantes

</p>

 

[Gisele.Passoni 0]

Bom dia, Hugo!
Desculpa ter demorado pra responder!

Deu certo o script que vc me passou!

Muito obrigada!