Textarea

[josefb]

Buenas,
Estoy medio loco con este código
<script src="http://code.jquery.com/jquery-1.5.js"></script>
<script>
function countChar(val) { var len = val.value.length; if (len >= 500) {
val.value = val.value.substring(0, 500);
} else {
$('#charNum').text(500 - len);
}
};
</script>
<textarea id="field" onkeyup="countChar(this)"></textarea>
<div id="charNum"></div>

Quiero que el texto del textarea se vea en la misma pagina con formato html
Es fácil¿? se puede hacer?
Muchas gracias

[henovec]

Hola,

Intenta con esto (sin JQuery):

Código Javascript:

<script>
function countChar(val) {
var div = document.getElementById("charNum");
var len = val.value.length;
 
if (len > 500) {
  val.value = val.value.substring(0, 500);
  div.innerHTML = "Faltan: 0 de 500";
} else{
  div.innerHTML = "Faltan: "+ (500 - len) +" de 500";
}
}
</script>
 

Código HTML:

<textarea id="field" onkeyup="countChar(this)" onkeyup="countChar(this)"></textarea>
<div id="charNum">Faltan: 500 de 500</div>