web前端|js教程
JavaScript,js,字数,实现,如何,输入
web前端-js教程
这篇文章主要介绍了JavaScript输入框字数实时统计更新,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
仿阿里巴巴源码百度云,ubuntu运行mac应用,tomcat加载两个容器,爬虫爬陌陌,php聊天室源码系统,是否追踪seolzw
在前端开发中,很多情况下需对输入内容进行验证。实时统计功能,对于定长输入而言,可以让用户实时明确输入界限,并合理安排内容。
写字楼 源码,ubuntu退出ctrl模式,tomcat下文件的作用,爬虫属于it,通达oa php工具,邯郸seo搜索seo优化公司lzw
字数实时统计更新
点题库系统源码,ubuntu打开cpp文件,配完tomcat后不能上网,真实的爬虫比例,php5最后一个版本,每日SEO教程lzw
下面将以【消息内容】为例,设计实现输入框字数实时统计更新功能。
项目架构如下:
message
message.css
message.js
message.tpl
1. 在message.tpl文件中定义网页元素
//移动端微信公众号开发
0/200
//web端业务开发
2.在message.js文件中绑定事件,用以统计输入字符
//移动端 tooltips提示形式$(#content).bind(input propertychange, function () { var fizeNum = $(this).val().length; if (fizeNum > 200) { var char = $(this).val(); char = char.substr(0, 200); $(this).val(char); fizeNum = 200; tooltipsShow(消息内容不能超过200字); } $(this).parent().find(.contentcount).text(fizeNum);});//web网页span提示形式FileName =
+
+
+消息内容超出最大限制0/200
+\;$("#newtaskform").append(FileName);$(#msgcontent).bind(input propertychange, function () { var fizeNum = $(this).val().length; if (fizeNum > 200) { var char = $(this).val(); char = char.substr(0, 200); $(this).val(char); fizeNum = 200; $("#texttips").show(); }else{ $("#texttips").hide(); } $(this).parent().find(.contentcount).text(fizeNum);});