统计剩余字数(jq版)
Posted 噜噜修
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了统计剩余字数(jq版)相关的知识,希望对你有一定的参考价值。
<html lang="en">
<head>
<meta charset="UTF-8">
<title>输入框剩余文字</title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<textarea name="" id="" cols="100" rows="30"></textarea>
<span>你还可以输入<strong style="color:red;">140</strong>个字</span>
<script>
var maxLength = 140;
$(‘textarea‘).keyup(function(){
var L = $(this).val().length;
$(‘strong‘).text(maxLength-L);//总字数减去输入的字数
if(parseInt($(‘strong‘).text())<0){
$(‘strong‘).text(‘0‘); //如果输入文字小于0 则文本显示为0
//alert($(this).val());
var val1 = $(this).val().substr(1,140);//截取输入长度
//substr(不推荐使用,ECMAScript没有标准化substr()方法)
$(this).val(val1);
}
})
</script>
</body>
</html>
WEB前端学习交流群21 598399936
|
以上是关于统计剩余字数(jq版)的主要内容,如果未能解决你的问题,请参考以下文章