首页 > Web开发 > 详细

JS控制文本框textarea输入字数限制的方法

时间:2015-10-19 15:37:59      阅读:267      评论:0      收藏:0      [点我收藏+]

 

<html>

<head runat="server">

<title></title>

<script type="text/javascript">

 

var maxstrlen = 160;

function Q(s) { return document.getElementById(s); }

 

function checkWord(c) {

len = maxstrlen;

var str = c.value;

myLen = getStrleng(str);

var wck = Q("wordCheck");

 

if (myLen > len * 2) {

c.value = str.substring(0, i + 1);

}

else {

wck.innerHTML = Math.floor((len * 2 - myLen) / 2);

}

}

 

function getStrleng(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;

}

return myLen;

}

 

</script>

</head>

<body>

<form id="form1" runat="server">

<div style="font-size: 16px">

控制输入框字符输入,计算输入字符总数,显示剩余字数;<br>

一个英文字符算一个字符,一个中文字符算两个字符计算。

</div>

<div>

<textarea onkeyup="javascript:checkWord(this);" onmousedown="javascript:checkWord(this);"

name="content" style="overflow-y: scroll"></textarea>

</div>

<div>

还可以输入<span style="font-family: Georgia; font-size: 26px;" id="wordCheck">160</span>个字符

</div>

</form>

</body>

</html>

 

JS控制文本框textarea输入字数限制的方法

原文:http://www.cnblogs.com/zhoumeng780/p/4891936.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!