JQuery实现“还能输入多少个字”

发布网友发布时间：2022-04-23 03:30

共3个回答

懂视网时间：2022-04-23 07:51

这次给大家带来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>

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！