Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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!
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!
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 ;)
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.
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>Bom dia, Hugo!
Desculpa ter demorado pra responder!
Deu certo o script que vc me passou!
Muito obrigada!
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 ?