日期:2014-05-17  浏览次数:20663 次

如何实现文本框剩余可输入字符数动态提示?
一文本框最多可输入100个字符,如何实现当输入完一个字符,在另一个标签框上提示还可以输入多少个字符?
多谢!

------解决方案--------------------
<input id= "txt "> <span id= "info "> </span>
<script>
m = 100;
document.getElementById( "info ").innerText = m;
document.getElementById( "txt ").onkeyup = function()
{
document.getElementById( "info ").innerText = m-document.getElementById( "txt ").value.length;
}
</script>
------解决方案--------------------
wasuka(迦罗娜:潜行的诡计与研究) 的存在两个问题:
1、中文字符长度算一个字符?
2、超过限制长度如何处理?

<input id= "txt "> <span id= "info "> </span>
<script>
m = 10;
document.getElementById( "info ").innerText = "最多可录入 "+ m + "个字符 " ;
document.getElementById( "txt ").onkeyup = function()
{
var len=this.value.replace(/[^x00-xff]/g, "xx ").length;//每个中文占两个字符;
if(m> =len)
document.getElementById( "info ").innerText = "你还可以录入 "+(m-len)+ "个字符 ";
else
{
alert( "超过字符限制了! ");
this.value= " ";
}
}
</script>