码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-10-19 15:38:28      阅读:181      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!