一个文本框用来写短信内容，旁边有个提示框（input也可以，div也可以）用来提醒当前输入了多少字符（包括标点符号，空格，中文英文），超过70个字自动截断为两条。
这种技术怎么实现啊

顶上来，各位帮帮忙吧

顶下，很多地方可以用到的。

看这个是不是你想要的。以前有朋友发过。转给你看看

<style type="text/css"> .progress{ width: 1px; height: 14px; color: white; font-size: 12px; overflow: hidden; background-color: navy; padding-left: 5px; } </style> <script type="text/JavaScript"> function textCounter(field,counter,maxlimit,linecounter) { // text width// var fieldWidth = parseInt(field.offsetWidth); var charcnt = field.value.length; // trim the extra text if (charcnt > maxlimit) { field.value = field.value.substring(0, maxlimit); } else { // progress bar percentage var percentage = parseInt(100 - (( maxlimit - charcnt) * 100)/maxlimit) ; document.getElementById(counter).style.width = parseInt((fieldWidth*percentage)/100)+"px"; document.getElementById(counter).innerHTML="已输: "+percentage+"%" // color correction on style from CCFFF -> CC0000 setcolor(document.getElementById(counter),percentage,"background-color"); } } function setcolor(obj,percentage,prop){ obj.style[prop] = "rgb(80%,"+(100-percentage)+"%,"+(100-percentage)+"%)"; } </script> <p>限制：120字节</P> <form> <textarea rows="5" cols="40" name="maxcharfield" id="maxcharfield" onKeyDown="textCounter(this,'progressbar1',120)" onKeyUp="textCounter(this,'progressbar1',120)" onPaste="textCounter(this,'progressbar1',120)" onFocus="textCounter(this,'progressbar1',120)" ></textarea><br /> <div id="progressbar1" class="progress"></div> <script>textCounter(document.getElementById("maxcharfield"),"progressbar1",120)</script> </form>
 提示：您可以先修改部分代码再运行

test:

<textarea id="b" rows="4" cols="20" ></textarea> <div><span id="a">已输入字符: </span><input type="button" value="OK" onclick="cha()"></div> <script language="javascript"> <!-- var ppl=70//每条长 var maxl=200//总长 document.onkeydown=function(){ var s=document.getElementById("b").value.length +1; if(s>maxl)document.getElementById("b").value=document.getElementById("b").value.substr(0,maxl-1) else document.getElementById("a").innerHTML="已输入："+s+"/"+maxl+" 字符" } function cha(){ var txt=document.getElementById("b").value,tl=txt.length; var txtArray=[],k=(tl/ppl<=1)?1:Math.ceil(tl/ppl); for (var i=0;i<k;i++){ txtArray[i]=txt.substr(i*ppl,ppl); alert(txtArray[i]) ; } document.getElementById("b").value="" document.getElementById("a").innerHTML="已输入字符: " } //--> </script>
 提示：您可以先修改部分代码再运行

[ 本帖最后由 caiying2007 于 2008-5-21 03:26 编辑 ]

mark一下吧。