jQuery操作输入框统计字数
程序员文章站
2022-05-21 12:05:25
...
这次给大家带来jQuery操作输入框统计字数，jQuery操作输入框统计字数的注意事项有哪些，下面就是实战案例，一起来看一下。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.7.2.min.js"></script>
</head>
<body>
<p class="container">
<input id="abc"value=""><span id="WordCountShow"></span>
</p>
<script>
$.fn.extend({
wordCount:function(maxLength, wordWrapper) {
varself =this;
$(self).attr("maxlength", maxLength);
showWordCount();
$(this).on("input propertychange", showWordCount);
functionshowWordCount() {
curLength = $(self).val().length;
varleaveCount = maxLength - curLength;
wordWrapper.text(leaveCount +"/"+ maxLength);
}
}
})
$(function() {
$("#abc").wordCount(10, $("#wordCountShow"));
})
</script>
</body>
</html>
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
以上就是jQuery操作输入框统计字数的详细内容，更多请关注其它相关文章！
推荐阅读
-
iOS输入框的字数统计/最大长度限制详解
-
iOS输入框的字数统计/最大长度限制详解
-
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用
-
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用
-
jquery实现textarea输入框限制字数的方法教程
-
jquery实现微博文字输入框 输入时显示输入字数 效果实现
-
JavaScript输入框字数实时统计更新
-
jquery实现textarea输入框限制字数的方法教程
-
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用_表单特效
-
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用_表单特效