您的位置：首页 > Web前端 > JavaScript

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

2015-10-19 14:50 274 查看

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航