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学习历程和心得小结
Aug 16 Javascript
javascript event 事件解析
Jan 31 Javascript
event对象获取方法总结在google浏览器下测试
Nov 03 Javascript
JavaScript整除运算函数ceil和floor的区别分析
Apr 14 Javascript
javascript通过元素id和name直接取得元素的方法
Apr 28 Javascript
innerHTML中标签可以换行的方法汇总
Aug 14 Javascript
完美解决js传递参数中加号和&amp;号自动改变的方法
Oct 11 Javascript
微信小程序实现简易table表格
Jun 19 Javascript
JS重学系列之聊聊new操作符
Mar 04 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
微信小程序基于Taro的分享图片功能实践详解
Jul 12 Javascript
el-select 下拉框多选实现全选的实现
Aug 02 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
极典R601SW收音机
2021/03/02 无线电
利用 window_onload 实现select默认选择
2006/10/09 PHP
php数组函数序列之array_intersect() 返回两个或多个数组的交集数组
2011/11/10 PHP
解析:使用php mongodb扩展时 需要注意的事项
2013/06/18 PHP
解密ThinkPHP3.1.2版本之模块和操作映射
2014/06/19 PHP
PHP实现AES256加密算法实例
2014/09/22 PHP
PHP基于array_unique实现二维数组去重
2020/07/14 PHP
javascript(jquery)利用函数修改全局变量的代码
2009/11/02 Javascript
JavaScript版的TwoQueues缓存模型
2014/12/29 Javascript
JQuery创建DOM节点的方法
2015/06/11 Javascript
jQuery实现简单滚动动画效果
2016/04/07 Javascript
微信小程序左滑删除效果的实现代码
2017/02/20 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
2017/06/12 Javascript
vue如何从接口请求数据
2017/06/22 Javascript
Vue Element使用icon图标教程详解(第三方)
2018/02/07 Javascript
vue将对象新增的属性添加到检测序列的方法
2018/02/24 Javascript
js实现简单贪吃蛇游戏
2020/05/15 Javascript
JS如何生成动态列表
2020/09/22 Javascript
[57:12]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第一场 10.31
2020/11/02 DOTA
Python和GO语言实现的消息摘要算法示例
2015/03/10 Python
python中sys.argv函数精简概括
2018/07/08 Python
关于python列表增加元素的三种操作方法
2018/08/22 Python
Python turtle绘画象棋棋盘
2019/08/21 Python
Python shutil模块用法实例分析
2019/10/02 Python
python的scipy实现插值的示例代码
2019/11/12 Python
python设置表格边框的具体方法
2020/07/17 Python
英国行业制服供应商:Alexandra
2019/09/14 全球购物
如何查找网页漏洞
2016/06/22 面试题
公务员年总结的自我评价
2013/10/25 职场文书
会计电算化毕业生自荐信
2014/03/03 职场文书
今冬明春火灾防控工作方案
2014/05/29 职场文书
2014年银行员工年终自我评价
2014/09/19 职场文书
小学教师师德师风承诺书
2015/04/28 职场文书
酒店工程部的岗位职责汇总大全
2019/10/23 职场文书
在python中实现导入一个需要传参的模块
2021/05/12 Python
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript