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 相关文章推荐
List Installed Hot Fixes
Jun 12 Javascript
JavaScript高级程序设计(第3版)学习笔记11 内建js对象
Oct 11 Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
Dec 10 Javascript
JavaScript实现动态创建CSS样式规则方案
Sep 06 Javascript
JavaScript的作用域和块级作用域概念理解
Sep 21 Javascript
JQuery中attr方法和removeAttr方法用法实例
May 18 Javascript
实例详解JSON数据格式及json格式数据域字符串相互转换
Jan 07 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
Jan 28 Javascript
js下拉菜单生成器dropMenu使用方法详解
Aug 01 Javascript
vue渲染时闪烁{{}}的问题及解决方法
Mar 28 Javascript
Vue 重置组件到初始状态的方法示例
Oct 10 Javascript
JS中队列和双端队列实现及应用详解
Sep 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
sql注入与转义的php函数代码
2013/06/17 PHP
php解析字符串里所有URL地址的方法
2015/04/03 PHP
javascript web对话框与弹出窗口
2009/02/22 Javascript
下拉列表select 由左边框移动到右边示例
2013/12/04 Javascript
JavaScript中的包装对象介绍
2015/01/27 Javascript
JavaScript页面模板库handlebars的简单用法
2015/03/02 Javascript
使用堆实现Top K算法(JS实现)
2015/12/25 Javascript
学习Javascript闭包(Closure)知识
2016/08/07 Javascript
Javascript中内建函数reduce的应用详解
2016/10/20 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
2016/11/02 Javascript
详解mpvue开发小程序小总结
2018/07/25 Javascript
js new Date()实例测试
2019/10/31 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
js实现百度登录窗口拖拽效果
2020/03/19 Javascript
Vue项目打包编译优化方案
2020/09/16 Javascript
vue3.0 上手体验
2020/09/21 Javascript
Python机器学习之决策树算法实例详解
2017/12/06 Python
Python编程实现从字典中提取子集的方法分析
2018/02/09 Python
Python语言进阶知识点总结
2019/05/28 Python
Django之创建引擎索引报错及解决详解
2019/07/17 Python
详解用Python为直方图绘制拟合曲线的两种方法
2019/08/21 Python
python删除某个目录文件夹的方法
2020/05/26 Python
Python txt文件如何转换成字典
2020/11/03 Python
Python 使用xlwt模块将多行多列数据循环写入excel文档的操作
2020/11/10 Python
PHP经典面试题
2016/09/03 面试题
办公室内勤工作职责
2013/12/11 职场文书
幼儿园小班教师寄语
2014/04/03 职场文书
商务日语专业自荐信
2014/04/17 职场文书
教师读书活动总结
2014/05/07 职场文书
品牌转让协议书
2014/08/20 职场文书
交通运输局四风问题对照检查材料思想汇报
2014/10/09 职场文书
预备党员个人总结
2015/02/14 职场文书
工作保证书怎么写
2015/02/28 职场文书
文员岗位职责范本
2015/04/16 职场文书
研究生毕业登记表的自我鉴定范文
2019/07/15 职场文书
SQL实现LeetCode(196.删除重复邮箱)
2021/08/07 MySQL