如题，类似于发布微博时那种效果，怎么使用js校验输入框还可以输入多少字？需要做到除了汉字之外其余都是两个字符表示一个汉字，如最大允许输入10个字，已输入 测试ss， 则提示还可以输入7个字，请问下要怎么写？我现在已经实现的onkeyup事件做的是一个字符表示一个汉字，不满足要求，求大神指点；
已写代码：
function checkLength(target)
{
var maxLength = 100; // 这是允许输入的最大数
var targetLength = target.value.length; // 这个是已输入的字符
var leftLength =maxLength - targetLength;
document.getElementById("size").innerHTML = leftLength; // 这里的size就是需要变换数字地方的Id
}
/**
计算指定输入框中字符串的长度
@param eleInput 指定的输入框或输入框的id, required
@param maxLength 期望的字符串最大长度, optional, 未指定时，默认取输入框的maxLength属性，未指定maxLength属性时，指定为100字符长度
@param nativeCharSize，一个汉字的长度，optional，因数据库编码不同，汉字所占用的长度也不同，比如UTF-8编码中，汉字占用3个字符的长度，而GBK编码中汉字则是2个字符的长度。未制定时，默认按2个字符长度计算
@return 返回计算结果
*/
function computeLength(eleInput, maxLength, nativeCharSize) {
var nativeCharRegexp = /[\u4E00-\u9FFF]/;
var string, char, length = 0;
var ele = (typeof eleInput == 'string') ? document.getElementById(eleInput) : eleInput;
if(maxLength == undefined) {
maxLength = ele.maxLength || 100;
}
if(nativeCharSize == undefined) {
nativeCharSize = 2;
}
string = (ele.value || '').split('');
for(var i = 0, count = string.length; i < count; i ++) {
char = string[i];
if(nativeCharRegexp.test(char)) {
length += nativeCharSize;
} else {
length ++;
}
}
return length;
}
function checkLength(target) {
var maxLength = 100; // 这是允许输入的最大数
var targetLength = computeLength(target, maxLength, 2); // 这个是已输入的字符
var leftLength =maxLength - targetLength;
document.getElementById("size").innerHTML = leftLength; // 这里的size就是需要变换数字地方的Id
}
温馨提示：答案为网友推荐，仅供参考
第1个回答 2014-12-23
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>main.html</title>
<style type="text/css">
</style>
<script type="text/javascript">
function checkLength (target)
{
var maxLength = 100;
var targetLength = native2ascii (target.value);
var leftLength = maxLength - targetLength;
var size = document.getElementById ("size");
size.innerHTML = size.innerHTML.replace(/(\+|\-)?\d+/, leftLength);
}
function native2ascii (value)
{
var nativecode = value.split ("");
var len = 0;
for ( var i = 0; i < nativecode.length; i++)
{
var code = Number (nativecode[i].charCodeAt (0));
if (code > 127)
{
len += 2;
}
else
{
len++;
}
}
return len;
}
</script>
</head>
<body>
<textarea onkeyup="checkLength(this)" rows="10" cols="30" style="resize: none;"></textarea>
<div id="size" style="color: red;">还可以输入100个字节数</div>
</body>
</html>本回答被提问者和网友采纳
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>main.html</title>
<style type="text/css">
</style>
<script type="text/javascript">
function checkLength (target)
{
var maxLength = 100;
var targetLength = native2ascii (target.value);
var leftLength = maxLength - targetLength;
var size = document.getElementById ("size");
size.innerHTML = size.innerHTML.replace(/(\+|\-)?\d+/, leftLength);
}
function native2ascii (value)
{
var nativecode = value.split ("");
var len = 0;
for ( var i = 0; i < nativecode.length; i++)
{
var code = Number (nativecode[i].charCodeAt (0));
if (code > 127)
{
len += 2;
}
else
{
len++;
}
}
return len;
}
</script>
</head>
<body>
<textarea onkeyup="checkLength(this)" rows="10" cols="30" style="resize: none;"></textarea>
<div id="size" style="color: red;">还可以输入100个字节数</div>
</body>
</html>本回答被提问者和网友采纳
