js判断文本框剩余可输入字数的方法
本文实例讲述了js判断文本框剩余可输入字数的方法。分享给大家供大家参考。具体如下:
目的:为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,项目中需要通过判断提示文本框剩余可输入字数
JS实现方法
<html> <headrunat="server"> <title></title> <scripttype="text/javascript"> varmaxstrlen=160; functionQ(s){returndocument.getElementById(s);} functioncheckWord(c){ len=maxstrlen; varstr=c.value; myLen=getStrleng(str); varwck=Q("wordCheck"); if(myLen>len*2){ c.value=str.substring(0,i+1); } else{ wck.innerHTML=Math.floor((len*2-myLen)/2); } } functiongetStrleng(str){ myLen=0; i=0; for(;(i<str.length)&&(myLen<=maxstrlen*2);i++){ if(str.charCodeAt(i)>0&&str.charCodeAt(i)<128) myLen++; else myLen+=2; } returnmyLen; } </script> </head> <body> <formid="form1"runat="server"> <divstyle="font-size:16px"> 控制输入框字符输入,计算输入字符总数,显示剩余字数;<br> 一个英文字符算一个字符,一个中文字符算两个字符计算。 </div> <div> <textareaonkeyup="javascript:checkWord(this);"onmousedown="javascript:checkWord(this);" name="content"style="overflow-y:scroll"></textarea> </div> <div> 还可以输入<spanstyle="font-family:Georgia;font-size:26px;"id="wordCheck">160</span>个字符 </div> </form> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。