文本域字符数判断

最新推荐文章于 2022-02-26 19:29:34 发布

axl234

最新推荐文章于 2022-02-26 19:29:34 发布

阅读量142

点赞数

分类专栏： javascript 文章标签： HTML

本文链接：https://blog.csdn.net/axl234/article/details/83813035

版权

javascript 专栏收录该内容

158 篇文章 0 订阅

订阅专栏

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

axl234

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
文本域字符数判断

文本域字符数判断你还能输入140个字 document.getElementById("textArea").focus(); var chackTextarea = function(obj,num,objTip){ setInterval(function(){ var newvalue = obj.value.repl...
复制链接

扫一扫

专栏目录