全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
本文实例讲述了jQuery实现简易的输入框字数计数功能。分享给大家供大家参考，具体如下：
运行效果图如下：
具体代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.7.2.min.js"></script>
</head>
<body>
<div class="container">
<input id="abc" value=""><span id="wordCountShow"></span>
</div>
<script>
$.fn.extend({
wordCount: function (maxLength, wordWrapper) {
var self = this;
$(self).attr("maxlength", maxLength);
showWordCount();
$(this).on("input propertychange", showWordCount);
function showWordCount() {
curLength = $(self).val().length;
var leaveCount = maxLength - curLength;
wordWrapper.text(leaveCount + "/" + maxLength);
}
}
})
$(function () {
$("#abc").wordCount(10, $("#wordCountShow"));
})
</script>
</body>
</html>
PS：这里再为大家提供几款带有字数统计功能的在线工具供大家参考使用：
在线字数统计工具：
http://tools./code/zishutongji
在线文本美化排版工具：
http://tools./aideddesign/txt_paiban
在线自动排版与转换工具：
http://tools./aideddesign/txt_beaut
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
# jQuery
# 输入框
# 字数
# 计数
# jquery实现textarea输入框限制字数的方法
# jquery实现微博文字输入框 输入时显示输入字数 效果实现
# jQuery实时统计输入框字数及限制
# 相关内容
# 遍历
# 感兴趣
# 给大家
# 更多关于
# 所述
# 几款
# 程序设计
# 转换工具
# 再为
# 选择器
# 讲述了
# script
# src
相关文章：
如何在阿里云ECS服务器部署织梦CMS网站？
如何通过远程VPS快速搭建个人网站？
哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？
怎么将XML数据可视化 D3.js加载XML
模具网站制作流程,如何找模具客户？
如何在阿里云域名上完成建站全流程？
网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？
如何在Golang中指定模块版本_使用go.mod控制版本号
建站主机功能解析：服务器选择与快速搭建指南
如何高效配置IIS服务器搭建网站？
北京网站制作的公司有哪些,北京白云观官方网站？
php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】
建站之星安装后界面空白如何解决？
如何基于PHP生成高效IDC网络公司建站源码？
香港服务器部署网站为何提示未备案？
零服务器AI建站解决方案：快速部署与云端平台低成本实践
如何在宝塔面板创建新站点？
武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？
如何通过免费商城建站系统源码自定义网站主题与功能？
网站好制作吗知乎,网站开发好学吗？有什么技巧？
如何使用Golang table-driven基准测试_多组数据测量函数效率
C#如何在一个XML文件中查找并替换文本内容
佛山企业网站制作公司有哪些,沟通100网上服务官网？
公司网站的制作公司,企业网站制作基本流程有哪些？
如何快速搭建FTP站点实现文件共享？
云南网站制作公司有哪些,云南最好的招聘网站是哪个？
交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？
制作网站的软件免费下载,免费制作app哪个平台好？
活动邀请函制作网站有哪些,活动邀请函文案？
如何规划企业建站流程的关键步骤？
如何用PHP快速搭建高效网站？分步指南
如何通过FTP服务器快速搭建网站？
建站主机解析：虚拟主机配置与服务器选择指南
广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？
如何选择PHP开源工具快速搭建网站？
,在苏州找工作，上哪个网站比较好？
javascript中的try catch异常捕获机制用法分析
官网网站制作腾讯审核要多久,联想路由器newifi官网
如何配置IIS站点权限与局域网访问？
如何破解联通资金短缺导致的基站建设难题？
如何通过服务器快速搭建网站？完整步骤解析
制作网站的公司有哪些,做一个公司网站要多少钱？
网站制作说明怎么写,简述网页设计的流程并说明原因？
定制建站价位费用解析与套餐推荐全攻略
一键制作网站软件下载安装,一键自动采集网页文档制作步骤？
无锡营销型网站制作公司,无锡网选车牌流程？
建站之星安装步骤有哪些常见问题？
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？
如何挑选高效建站主机与优质域名？
*请认真填写需求信息，我们会在24小时内与您取得联系。
