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 相关文章推荐
js 跨域和ajax 跨域问题小结
Jul 01 Javascript
javascript 函数速查表
Feb 07 Javascript
jquery 打开窗口返回值实现代码
Mar 04 Javascript
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
Jul 26 Javascript
js关闭当前页面(窗口)的几种方式总结
Mar 05 Javascript
详解Webwork中Action 调用的方法
Feb 02 Javascript
JavaScript的String字符串对象常用操作总结
May 26 Javascript
JS奇技之利用scroll来监听resize详解
Jun 15 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
Oct 11 Javascript
JS设计模式之观察者模式实现实时改变页面中金额数的方法
Feb 05 Javascript
JS使用setInterval实现的简单计时器功能示例
Apr 19 Javascript
Vue-CLI与Vuex使用方法实例分析
Jan 06 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
隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法
2007/02/22 PHP
手把手教你使用DedeCms的采集的图文教程
2007/03/11 PHP
javascript下string.format函数补充
2010/08/24 Javascript
最短的IE判断代码
2011/03/13 Javascript
在jquery中处理带有命名空间的XML数据
2011/06/13 Javascript
jquery加载页面的方法(页面加载完成就执行)
2011/06/21 Javascript
实用的Jquery选项卡TAB示例代码
2013/08/28 Javascript
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
使用jQuery实现返回顶部
2015/01/26 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
2015/03/05 Javascript
jQuery插件windowScroll实现单屏滚动特效
2015/07/14 Javascript
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化
2016/01/13 Javascript
jquery通过name属性取值的简单实现方法
2016/06/20 Javascript
解决Vue2.0自带浏览器里无法打开的原因(兼容处理)
2017/07/28 Javascript
基于layui数据表格以及传数据的方式
2018/08/19 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
2019/09/11 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
python使用pil生成图片验证码的方法
2015/05/08 Python
Python实现求数列和的方法示例
2018/01/12 Python
Python中sort和sorted函数代码解析
2018/01/25 Python
对python3标准库httpclient的使用详解
2018/12/18 Python
python RC4加密操作示例【测试可用】
2019/09/26 Python
Python如何根据时间序列数据作图
2020/05/12 Python
浅谈keras中的目标函数和优化函数MSE用法
2020/06/10 Python
python制作抽奖程序代码详解
2021/01/15 Python
Melissa香港官网:MDreams
2016/07/01 全球购物
亚洲颇具影响力的男性在线购物零售商:His
2019/11/24 全球购物
如何定义一个可复用的服务
2014/09/30 面试题
品管员岗位职责
2013/11/10 职场文书
教师申诉制度
2014/01/29 职场文书
羽毛球社团活动总结
2014/06/27 职场文书
竞聘演讲稿开场白
2014/08/25 职场文书
药店营业员岗位职责
2015/04/14 职场文书
应届生们该怎么书写求职信?
2019/07/05 职场文书
李清照的诗词赏析(20首)
2019/08/22 职场文书
MySQL Router实现MySQL的读写分离的方法
2021/05/27 MySQL