js计算文本框输入的字符数


Posted in Javascript onOctober 23, 2015

使用JavaScript实时的计算用户当前输入的字符数函数代码:

js计算文本框输入的字符数

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>JavaScript统计字符数</title> 
<script language="javascript"> 
function CountWords(obj, show_id){ 
 var fullStr = obj.value; 
 var charCount = fullStr.length; 
 var rExp = /[^A-Za-z0-9]/gi; 
 var spacesStr = fullStr.replace(rExp, ' '); 
 var cleanedStr = spacesStr + ' '; 
 do{ 
  var old_str = cleanedStr; 
  cleanedStrcleanedStr = cleanedStr.replace(' ', ' '); 
 }while( old_str != cleanedStr ); 
  var splitString = cleanedStr.split(' '); 
  document.getElementById(show_id).innerHTML=charCount; 
} 
</script> 
</head> 
<body> 
<form> 
<textarea cols="40" rows="5" name="x" onkeyup="CountWords(this,'show')" /> 
</textarea> 
</form> 
<div id="show">0</div> 
</body> 
</html>

javascript实现统计字符数很简单,上面分享给大家的代码可以直接使用,希望对大家的学习有所帮助。

Javascript 相关文章推荐
javascript字符串拼接的效率问题
Dec 25 Javascript
jQuery Tools tooltip使用说明
Jul 14 Javascript
Javascript之this关键字深入解析
Nov 12 Javascript
通过js来制作复选框的全选和不选效果
May 22 Javascript
js实现简单计算器
Nov 22 Javascript
jquery ztree异步搜索(搜叶子)实践
Feb 25 Javascript
js实现开启密码大写提示
Dec 21 Javascript
解决js ajax同步请求造成浏览器假死的问题
Jan 18 Javascript
React 父子组件通信的实现方法
Dec 05 Javascript
使用typescript改造koa开发框架的实现
Feb 04 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
Dec 14 Vue.js
JavaScript的Set数据结构详解
Feb 18 Javascript
jQuery实现的网页左侧在线客服效果代码
Oct 23 #Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
Oct 23 #Javascript
seajs加载jquery时提示$ is not a function该怎么解决
Oct 23 #Javascript
浅析Node.js 中 Stream API 的使用
Oct 23 #Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
Oct 23 #Javascript
js显示当前日期时间和星期几
Oct 22 #Javascript
js检测用户输入密码强度
Oct 22 #Javascript
You might like
基于curl数据采集之单页面采集函数get_html的使用
2013/04/28 PHP
PHP异步进程助手async-helper
2018/02/05 PHP
PHP实现的mongoDB数据库操作类完整实例
2018/04/10 PHP
javascript prototype,executing,context,closure
2008/12/24 Javascript
Wordpress ThickBox 添加“查看原图”效果代码
2010/12/11 Javascript
js中键盘事件实例简析
2015/01/10 Javascript
jQuery解析XML文件同时动态增加js文件的方法
2015/06/01 Javascript
jQuery实现表格行上下移动和置顶效果
2015/06/05 Javascript
AngularJS动态生成div的ID源码解析
2016/08/29 Javascript
详解jQuery lazyload 懒加载
2016/12/19 Javascript
微信小程序 数据交互与渲染实例详解
2017/01/21 Javascript
vue proxyTable 接口跨域请求调试的示例
2017/09/12 Javascript
纯js代码生成可搜索选择下拉列表的实例
2018/01/11 Javascript
详解jQuery-each()方法
2019/03/13 jQuery
Node中对非阻塞I/O、事件循环的知识点总结
2020/01/05 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
2020/01/19 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
2020/05/14 Javascript
Element图表初始大小及窗口自适应实现
2020/07/10 Javascript
Python 执行字符串表达式函数(eval exec execfile)
2014/08/11 Python
Python的Flask框架中@app.route的用法教程
2015/03/31 Python
用tensorflow实现弹性网络回归算法
2018/01/09 Python
Django项目开发中cookies和session的常用操作分析
2018/07/03 Python
python爬虫URL重试机制的实现方法(python2.7以及python3.5)
2018/12/18 Python
pandas进行时间数据的转换和计算时间差并提取年月日
2019/07/06 Python
Python unittest discover批量执行代码实例
2020/09/08 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
英国著名的化妆品折扣网站:Allbeauty.com
2016/07/21 全球购物
StubHub哥伦比亚:购买和出售您的门票
2016/10/20 全球购物
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
连锁经营管理专业大学生求职信
2013/10/30 职场文书
车队司机个人自我鉴定
2014/04/17 职场文书
护理学专业求职信
2014/06/29 职场文书
八年级物理教学反思
2016/02/19 职场文书
导游词之天津古文化街
2019/11/09 职场文书
Jpa Specification如何实现and和or同时使用查询
2021/11/23 Java/Android
Redis之RedisTemplate配置方式(序列和反序列化)
2022/03/13 Redis