<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	
	>
<channel>
	<title>
	Comentários sobre: JavaScript &#8211; Contando e limitando caracteres em um textarea	</title>
	<atom:link href="https://blog.vilourenco.com.br/javascript-contado-e-limitando-caracteres-em-um-textarea/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.vilourenco.com.br/javascript-contado-e-limitando-caracteres-em-um-textarea/</link>
	<description>Desenvolvedor Web &#124; WordPress, WooCommerce, Python, Django, Arduino, e por aí vai...</description>
	<lastBuildDate>Thu, 02 Mar 2017 20:24:00 +0000</lastBuildDate>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>
		Por: Jonathan Freitas		</title>
		<link>https://blog.vilourenco.com.br/javascript-contado-e-limitando-caracteres-em-um-textarea/comment-page-1/#comment-936</link>

		<dc:creator><![CDATA[Jonathan Freitas]]></dc:creator>
		<pubDate>Thu, 02 Mar 2017 20:24:00 +0000</pubDate>
		<guid isPermaLink="false">http://blog.vilourenco.com.br/?p=399#comment-936</guid>

					<description><![CDATA[Para quem deseja usar o mesmo exemplo em Jquery deixo abaixo o código reformulado.

$(&quot;textarea[name=&#039;NOME_DO_CAMPO_PARA_LIMITAR&#039;]&quot;).bind(&#039;keyup&#039;, function () {
        var num_max = 140; // quantidade de caracteres que deseja limitar.
        var contagem_carac = $(this).val().length; // pega o total de caracteres enquanto está digitando.
        var conta = num_max - contagem_carac; // quantidade de caracteres - total digitado.
        var id = $(this).attr(&quot;id&quot;); // crie uma identificação no seu input text ou textarea.

        var contando = &#039;contando_&#039; + id, restante = &#039;restante_&#039; + id; //
 essas váriaveis são as que mostraremos as msg de qtos caracteres já 
digitou ( &#039;contando_&#039; + id ) e qto ainda pode digitar (&#039;restante_&#039; + 
id).
        if ($(this).val() != &quot;&quot;) { // se o valor do campo não estiver vazio

            if (contagem_carac != 0) { // se o total digitado for 
diferente de 0 ele verifica se for igual a 1 ou maior que 1, somente 
para fins de informação para o usuário
                if 
(contagem_carac == 1) { // se for igual a 1 mostro uma mensagem 
informado que digitou 1 caractere ainda e qts faltam.
                    $(&quot;#&quot; + contando).html(contagem_carac + &quot; caracter digitado&quot;);
                    $(&quot;#&quot; + restante).html(&quot;Você ainda pode digitar &quot; + conta + &quot; caracteres&quot;);
                } else { // se for maior que 1 mostro uma mensagem informado que digitou X caracteres ainda e qts faltam.
                    $(&quot;#&quot; + contando).html(contagem_carac + &quot; caractereres digitados&quot;);
                    $(&quot;#&quot; + restante).html(&quot;Você ainda pode digitar &quot; + conta + &quot; caracteres&quot;);
                }

                if (contagem_carac &#062;= num_max) { // se o total 
digitado for maior do que a quantidade de caracteres que desejamos 
limitar ele informa ao usuário que excedeu o limite permitido.
                    $(&quot;#&quot; + contando).html(&quot;Limite de caracteres excedido!&quot;);
                    $(&quot;#&quot; + restante).hide();
                }
            } else { // informamos ao usuário o tanto de caracteres que ele ainda pode digitar.
                $(&quot;#&quot; + contando).html(&quot;Você pode digitar até &quot; + num_max + &quot; caracteres.&quot;);
            }
            if (contagem_carac &#062;= num_max) { // se o total digitado for maior do que a quantidade de caracteres que 
desejamos limitar ele &#039;corta&#039; o texto, limitando na qtde que desejamos
                $(this).val($(this).val().slice(0, num_max));
            }
        }
    });]]></description>
			<content:encoded><![CDATA[<p>Para quem deseja usar o mesmo exemplo em Jquery deixo abaixo o código reformulado.</p>
<p>$(&#8220;textarea[name=&#8217;NOME_DO_CAMPO_PARA_LIMITAR&#8217;]&#8221;).bind(&#8216;keyup&#8217;, function () {<br />
        var num_max = 140; // quantidade de caracteres que deseja limitar.<br />
        var contagem_carac = $(this).val().length; // pega o total de caracteres enquanto está digitando.<br />
        var conta = num_max &#8211; contagem_carac; // quantidade de caracteres &#8211; total digitado.<br />
        var id = $(this).attr(&#8220;id&#8221;); // crie uma identificação no seu input text ou textarea.</p>
<p>        var contando = &#8216;contando_&#8217; + id, restante = &#8216;restante_&#8217; + id; //<br />
 essas váriaveis são as que mostraremos as msg de qtos caracteres já<br />
digitou ( &#8216;contando_&#8217; + id ) e qto ainda pode digitar (&#8216;restante_&#8217; +<br />
id).<br />
        if ($(this).val() != &#8220;&#8221;) { // se o valor do campo não estiver vazio</p>
<p>            if (contagem_carac != 0) { // se o total digitado for<br />
diferente de 0 ele verifica se for igual a 1 ou maior que 1, somente<br />
para fins de informação para o usuário<br />
                if<br />
(contagem_carac == 1) { // se for igual a 1 mostro uma mensagem<br />
informado que digitou 1 caractere ainda e qts faltam.<br />
                    $(&#8220;#&#8221; + contando).html(contagem_carac + &#8221; caracter digitado&#8221;);<br />
                    $(&#8220;#&#8221; + restante).html(&#8220;Você ainda pode digitar &#8221; + conta + &#8221; caracteres&#8221;);<br />
                } else { // se for maior que 1 mostro uma mensagem informado que digitou X caracteres ainda e qts faltam.<br />
                    $(&#8220;#&#8221; + contando).html(contagem_carac + &#8221; caractereres digitados&#8221;);<br />
                    $(&#8220;#&#8221; + restante).html(&#8220;Você ainda pode digitar &#8221; + conta + &#8221; caracteres&#8221;);<br />
                }</p>
<p>                if (contagem_carac &gt;= num_max) { // se o total<br />
digitado for maior do que a quantidade de caracteres que desejamos<br />
limitar ele informa ao usuário que excedeu o limite permitido.<br />
                    $(&#8220;#&#8221; + contando).html(&#8220;Limite de caracteres excedido!&#8221;);<br />
                    $(&#8220;#&#8221; + restante).hide();<br />
                }<br />
            } else { // informamos ao usuário o tanto de caracteres que ele ainda pode digitar.<br />
                $(&#8220;#&#8221; + contando).html(&#8220;Você pode digitar até &#8221; + num_max + &#8221; caracteres.&#8221;);<br />
            }<br />
            if (contagem_carac &gt;= num_max) { // se o total digitado for maior do que a quantidade de caracteres que<br />
desejamos limitar ele &#8216;corta&#8217; o texto, limitando na qtde que desejamos<br />
                $(this).val($(this).val().slice(0, num_max));<br />
            }<br />
        }<br />
    });</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Por: Fábio		</title>
		<link>https://blog.vilourenco.com.br/javascript-contado-e-limitando-caracteres-em-um-textarea/comment-page-1/#comment-928</link>

		<dc:creator><![CDATA[Fábio]]></dc:creator>
		<pubDate>Fri, 18 Nov 2016 05:47:00 +0000</pubDate>
		<guid isPermaLink="false">http://blog.vilourenco.com.br/?p=399#comment-928</guid>

					<description><![CDATA[Boa noite, eu sou o Fábio, este código foi o único que eu achei que funcionou no meu projeto, você podem me ajudar com algumas questões por favor.
Eu digito meu nome que tem 5 letras, porém ele mostra que eu digitei apenas 4 letras, e a outra é quando apaga os caracteres já digitados, a função não diminui a quantidade de caracteres apagados, vocês podem me ajudar por favor?]]></description>
			<content:encoded><![CDATA[<p>Boa noite, eu sou o Fábio, este código foi o único que eu achei que funcionou no meu projeto, você podem me ajudar com algumas questões por favor.<br />
Eu digito meu nome que tem 5 letras, porém ele mostra que eu digitei apenas 4 letras, e a outra é quando apaga os caracteres já digitados, a função não diminui a quantidade de caracteres apagados, vocês podem me ajudar por favor?</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Por: Marya José - Flávio		</title>
		<link>https://blog.vilourenco.com.br/javascript-contado-e-limitando-caracteres-em-um-textarea/comment-page-1/#comment-925</link>

		<dc:creator><![CDATA[Marya José - Flávio]]></dc:creator>
		<pubDate>Tue, 11 Oct 2016 00:09:00 +0000</pubDate>
		<guid isPermaLink="false">http://blog.vilourenco.com.br/?p=399#comment-925</guid>

					<description><![CDATA[Pessoas como vc, que disponibilizam linhas de programações para que outras pessoas estudem, traz um benefício para muitos (ao menos para aqueles que querem aprender).
Eu estava procurando como validar uma textarea. Procurei em muitas dicas mas não funcionava corretamente como eu queria. Estudando suas linhas de programação, adaptei uma linha com sua técnica e funcionou. 
Suas linhas de programação abordaram um mesmo problema de forma diferente de tantas outras pessoas que tentaram ajudar mas apenas usavam a mesma rotina de validação (que não funcionou para meu trabalho). Quando eu terminar meu form de contato, com os filtros que desejo, será colocado em meu site e as rotinas de validação serão disponibilizadas para todos, já que eu aprendo com todos que disponibilizam suas técnicas.
Agradeço sua boa vontade de compartilhar seus conhecimentos e me permitir aprender mais um pouquinho.]]></description>
			<content:encoded><![CDATA[<p>Pessoas como vc, que disponibilizam linhas de programações para que outras pessoas estudem, traz um benefício para muitos (ao menos para aqueles que querem aprender).<br />
Eu estava procurando como validar uma textarea. Procurei em muitas dicas mas não funcionava corretamente como eu queria. Estudando suas linhas de programação, adaptei uma linha com sua técnica e funcionou.<br />
Suas linhas de programação abordaram um mesmo problema de forma diferente de tantas outras pessoas que tentaram ajudar mas apenas usavam a mesma rotina de validação (que não funcionou para meu trabalho). Quando eu terminar meu form de contato, com os filtros que desejo, será colocado em meu site e as rotinas de validação serão disponibilizadas para todos, já que eu aprendo com todos que disponibilizam suas técnicas.<br />
Agradeço sua boa vontade de compartilhar seus conhecimentos e me permitir aprender mais um pouquinho.</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Por: Carlos Alberto		</title>
		<link>https://blog.vilourenco.com.br/javascript-contado-e-limitando-caracteres-em-um-textarea/comment-page-1/#comment-923</link>

		<dc:creator><![CDATA[Carlos Alberto]]></dc:creator>
		<pubDate>Mon, 01 Aug 2016 19:08:00 +0000</pubDate>
		<guid isPermaLink="false">http://blog.vilourenco.com.br/?p=399#comment-923</guid>

					<description><![CDATA[o unico problema é se eu tiver mais de 1 textarea, ia dar conflito com uns com os outros]]></description>
			<content:encoded><![CDATA[<p>o unico problema é se eu tiver mais de 1 textarea, ia dar conflito com uns com os outros</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Por: Luciano Gonçalves		</title>
		<link>https://blog.vilourenco.com.br/javascript-contado-e-limitando-caracteres-em-um-textarea/comment-page-1/#comment-921</link>

		<dc:creator><![CDATA[Luciano Gonçalves]]></dc:creator>
		<pubDate>Tue, 21 Jun 2016 15:19:00 +0000</pubDate>
		<guid isPermaLink="false">http://blog.vilourenco.com.br/?p=399#comment-921</guid>

					<description><![CDATA[muito bom!! obrigado!]]></description>
			<content:encoded><![CDATA[<p>muito bom!! obrigado!</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Por: adriano avelino		</title>
		<link>https://blog.vilourenco.com.br/javascript-contado-e-limitando-caracteres-em-um-textarea/comment-page-1/#comment-891</link>

		<dc:creator><![CDATA[adriano avelino]]></dc:creator>
		<pubDate>Fri, 09 Oct 2015 13:43:00 +0000</pubDate>
		<guid isPermaLink="false">http://blog.vilourenco.com.br/?p=399#comment-891</guid>

					<description><![CDATA[Value pela dica. Tinha implantado um contador, mas tive problemas com o limitador de caracteres fixando na propriedade maxlength do textarea. Quando o usuário dava um ENTER (quebra de linha no textarea)o contador fazia uma contagem e a propriedade HTML maxlength bloqueava a digitação no campo e o javascript não zerava a contagem. Mas com  o &quot;substring&quot; resolveu meu problema]]></description>
			<content:encoded><![CDATA[<p>Value pela dica. Tinha implantado um contador, mas tive problemas com o limitador de caracteres fixando na propriedade maxlength do textarea. Quando o usuário dava um ENTER (quebra de linha no textarea)o contador fazia uma contagem e a propriedade HTML maxlength bloqueava a digitação no campo e o javascript não zerava a contagem. Mas com  o &#8220;substring&#8221; resolveu meu problema</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Por: vilourenco		</title>
		<link>https://blog.vilourenco.com.br/javascript-contado-e-limitando-caracteres-em-um-textarea/comment-page-1/#comment-877</link>

		<dc:creator><![CDATA[vilourenco]]></dc:creator>
		<pubDate>Mon, 06 Jul 2015 18:01:00 +0000</pubDate>
		<guid isPermaLink="false">http://blog.vilourenco.com.br/?p=399#comment-877</guid>

					<description><![CDATA[Em resposta a &lt;a href=&quot;https://blog.vilourenco.com.br/javascript-contado-e-limitando-caracteres-em-um-textarea/comment-page-1/#comment-874&quot;&gt;paulo robson&lt;/a&gt;.

Fala Robson, que ótimo que tenha te ajudado! Espero que continue visitando o blog e curtindo o conteúdo! Grande abraço!]]></description>
			<content:encoded><![CDATA[<p>Fala Robson, que ótimo que tenha te ajudado! Espero que continue visitando o blog e curtindo o conteúdo! Grande abraço!</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Por: paulo robson		</title>
		<link>https://blog.vilourenco.com.br/javascript-contado-e-limitando-caracteres-em-um-textarea/comment-page-1/#comment-874</link>

		<dc:creator><![CDATA[paulo robson]]></dc:creator>
		<pubDate>Mon, 29 Jun 2015 14:10:00 +0000</pubDate>
		<guid isPermaLink="false">http://blog.vilourenco.com.br/?p=399#comment-874</guid>

					<description><![CDATA[Poxa tava com um código aqui só que entrou em conflito com outro script e não tive paciencia de resolver, implementei o seu e funfou 100% valeu ae vilourenco.]]></description>
			<content:encoded><![CDATA[<p>Poxa tava com um código aqui só que entrou em conflito com outro script e não tive paciencia de resolver, implementei o seu e funfou 100% valeu ae vilourenco.</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Por: vilourenco		</title>
		<link>https://blog.vilourenco.com.br/javascript-contado-e-limitando-caracteres-em-um-textarea/comment-page-1/#comment-841</link>

		<dc:creator><![CDATA[vilourenco]]></dc:creator>
		<pubDate>Fri, 12 Sep 2014 19:59:00 +0000</pubDate>
		<guid isPermaLink="false">http://blog.vilourenco.com.br/?p=399#comment-841</guid>

					<description><![CDATA[Em resposta a &lt;a href=&quot;https://blog.vilourenco.com.br/javascript-contado-e-limitando-caracteres-em-um-textarea/comment-page-1/#comment-840&quot;&gt;Aline Rodrigues&lt;/a&gt;.

Aline, fico muito feliz que isto tenha te ajudado! Muito obrigado pelo feedback e espero que continue a visitar o blog! 
Grande abraço.]]></description>
			<content:encoded><![CDATA[<p>Aline, fico muito feliz que isto tenha te ajudado! Muito obrigado pelo feedback e espero que continue a visitar o blog!<br />
Grande abraço.</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Por: Aline Rodrigues		</title>
		<link>https://blog.vilourenco.com.br/javascript-contado-e-limitando-caracteres-em-um-textarea/comment-page-1/#comment-840</link>

		<dc:creator><![CDATA[Aline Rodrigues]]></dc:creator>
		<pubDate>Fri, 12 Sep 2014 17:30:00 +0000</pubDate>
		<guid isPermaLink="false">http://blog.vilourenco.com.br/?p=399#comment-840</guid>

					<description><![CDATA[Obrigada Vinícius, me ajudou muuuito e parabéns pelo blog, super legal :)]]></description>
			<content:encoded><![CDATA[<p>Obrigada Vinícius, me ajudou muuuito e parabéns pelo blog, super legal 🙂</p>
]]></content:encoded>
		
			</item>
	</channel>
</rss>
