主要的思路是：
将一个中文字符转换成两个字符计算，一个英文字符按一个英文字符计算，具体代码：
var newvalue = obj.value.replace(/[^\x00-\xff]/g, “**”);
然后在显示已经输入字符数中除以2，记住向上去整（parseInt方法），不然就出现0.5个字符了。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>文本域字符数判断</title>
</head>
<body>
<div id="tip" style=" color:#588905">你还能输入<em>140</em>个字</div>
<textarea name="" cols="50" rows="10" id="textArea"></textarea><br />
<input type="submit" name="button" id="button" value="提交" />
<script type="text/javascript">
document.getElementById("textArea").focus();
var chackTextarea = function(obj,num,objTip){
setInterval(function(){
var newvalue = obj.value.replace(/[^\x00-\xff]/g, "**");
if(newvalue.length>=0){
if (newvalue.length > num) {
objTip.innerHTML="已超出<em>" +parseInt((newvalue.length - num)/2) +"</em>个字!";
objTip.style.color="#F00";
document.getElementById("button").disabled="disabled";
}else{
objTip.innerHTML="你还能输入<em>" +parseInt((num-newvalue.length)/2) +"</em>个字!";
objTip.style.color="#588905";
document.getElementById("button").disabled="";
}
}else{
document.getElementById("button").disabled="disabled";
}
},100)
}
chackTextarea(document.getElementById("textArea"),280,document.getElementById("tip"));
</script>
</body>
</html>
扫一扫
5435
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
