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 相关文章推荐
JQuery动态给table添加、删除行 改进版
Jan 19 Javascript
JS限制Textarea文本域字符个数的具体实现
Aug 02 Javascript
javascript折半查找详解
Jan 26 Javascript
JavaScript实现的伸展收缩型菜单代码
Oct 14 Javascript
详解AngularJS中module模块的导入导出
Dec 10 Javascript
AngularJs IE Compatibility 兼容老版本IE
Sep 01 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
最基础的vue.js双向绑定操作
Aug 23 Javascript
Node.js API详解之 console模块用法详解
May 12 Javascript
JavaScript接口实现方法实例分析
May 16 Javascript
详解React 条件渲染
Jul 08 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
Oct 29 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
PHP.ini中配置屏蔽错误信息显示和保存错误日志的例子
2014/05/12 PHP
Linux下安装oracle客户端并配置php5.3
2014/10/12 PHP
PHP日期函数date格式化UNIX时间的方法
2015/03/19 PHP
十大使用PHP框架的理由
2015/09/26 PHP
Javascript下IE与Firefox下的差异兼容写法总结
2010/06/18 Javascript
JavaScript中链式调用之研习
2011/04/07 Javascript
Jquery图形报表插件 jqplot简介及参数详解
2012/10/10 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
2013/12/11 Javascript
查找Oracle高消耗语句的方法
2014/03/22 Javascript
javascript事件委托的方式绑定详解
2015/06/10 Javascript
js实现延时加载Flash的方法
2015/11/26 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
JavaScript原生节点操作小结
2017/01/17 Javascript
详解如何webpack使用DllPlugin
2018/09/30 Javascript
vue+elementUI实现表单和图片上传及验证功能示例
2019/05/14 Javascript
[54:30]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
[01:01:14]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第一场 11.21
2020/11/23 DOTA
Python中操作文件之write()方法的使用教程
2015/05/25 Python
Python中的with...as用法介绍
2015/05/28 Python
解决vscode python print 输出窗口中文乱码的问题
2018/12/03 Python
Tensorflow模型实现预测或识别单张图片
2019/07/19 Python
python opencv将表格图片按照表格框线分割和识别
2019/10/30 Python
Python元组 tuple的概念与基本操作详解【定义、创建、访问、计数、推导式等】
2019/10/30 Python
解决Jupyter Notebook开始菜单栏Anaconda下消失的问题
2020/04/13 Python
Python键鼠操作自动化库PyAutoGUI简介(小结)
2020/05/17 Python
Python3 + Appium + 安卓模拟器实现APP自动化测试并生成测试报告
2021/01/27 Python
Python制作运行进度条的实现效果(代码运行不无聊)
2021/02/24 Python
HTTP状态码详解
2021/03/18 杂记
linux面试题参考答案(4)
2014/09/21 面试题
商务英语应届生自我鉴定
2013/12/08 职场文书
土木工程专业个人求职信
2013/12/30 职场文书
学校安全教育制度
2014/01/31 职场文书
热爱祖国的演讲稿
2014/05/04 职场文书
授权委托书
2014/07/31 职场文书
2014年大学学生会工作总结
2014/12/02 职场文书
2015年党员岗位承诺书
2015/04/27 职场文书