Contador de Caracteres não aparece na tela - PHP
Caros amigos estou com um pequeno probleminha.
Estou montando um Editor de Texto, mas gostaria de colocar no textarea um contador de caracteres. INFELIZMENTE não estou conseguindo.
O editor de Texto está funcionando certinho, só precisaria do contador de caracteres.
Abaixo o Código:
<!-- no Formulário está assim -->
<div class="form-group">
<textarea id="contMsg" name="contMsg" class="textarea" placeholder="Digite seu Texto."
style="width: 100%; height: 130px; font-size: 14px; line-height: 18px;
border: 1px solid #dddddd; padding: 10px;">
<p class="help-block"> <small class="caracterFin" style="font-size:14px;"></small></p>
</textarea>
</div>
<!-- Depois chamo o script assim -->
<!-- Bootstrap WYSIHTML5-Text Editor -->
<script>
$(function () {
$('.textarea').wysihtml5();
});
</script>
<script language="JavaScript" >
/*Número de caracteres permitido*/
$(document).on("input", "#contMsg", function() {
var limite = 255;
var informativo = " 255 caracteres.";
var caracteresDigitados = $(this).val().length;
var caracteresRestantes = limite - caracteresDigitados;
if (caracteresRestantes <= 0) {
var finMsg = $("textarea[name=finMsg]").val();
$("textarea[name=finMsg]").val(finMsg.substr(0, limite));
$(".caracterFin").text("Máximo permitido de " + informativo);
} else {
$(".caracterFin").text("Digitou " + caracteresDigitados + " de " + informativo);
}
});
</script>
Obs.: se postei minha dúvida em post errado por favor me perdoa.
Grato pela ajuda.
RenatoDiscussão (6)
Carregando comentários...