js限制输入长度

最新推荐文章于 2023-04-10 17:39:17 发布

暖宝宝兰宝宝

最新推荐文章于 2023-04-10 17:39:17 发布

阅读量1.1k

点赞数

<html>
<head>
<title>JS限制Textarea文本域字符个数</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</head>
<body>
<form name=myform action="">
<textarea name="message" cols="28" rows="5" onKeyDown="textCounter(message,remLen,6);" onKeyUp="textCounter(message,remLen,6);"></textarea>
您还可以输入:<input name="remLen" type="text" value="6" size="5" readonly>个字符
</form>
</body>

</html>

中文字符占2字节，英文字符占1字节

方法3：

<div class="Singleboxc">
<textarea id="Singledescription" name="Singledescription" οnfοcus="if(this.value=='对此晒单进行描述，发表自己的看法和观点 !'){this.value='';this.style.color='#000000';}" οnblur="if(this.value==''){this.value='对此晒单进行描述，发表自己的看法和观点 !';this.style.color='#999999'}" placeholder="对此晒单进行描述，发表自己的看法和观点 !">对此晒单进行描述，发表自己的看法和观点 !</textarea>
<span class="tips">还可以输入<font color="#ffaf32">500</font>字符/汉字</span>
</div>

$(function(){
$('#Singledescription').on('keyup',function (event) {
var atlength = jQuery("#Singledescription").val().length;
if( atlength > 500){
$(this).next().children("font").text(0).attr("color","#ff0000");
}else{
$(this).next().children("font").text(500-atlength).attr("color","#ffaf32");
}
});
$('#Singledescription').on("keydown",function(){
if (this.value.length>=500){
$(this).val($(this).val().substr(0,500));
}
});
});