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 动态获取节点代码innerHTML分析 [IE,FF]
Nov 30 Javascript
jquery1.4.2 for Visual studio 2010 模板文件
Jul 14 Javascript
js 判断脚本加载完毕的代码
Jul 13 Javascript
DOM和XMLHttpRequest对象的属性和方法整理
Jan 04 Javascript
关于jquery中全局函数each使用介绍
Dec 10 Javascript
AngularJS基础 ng-model-options 指令简单示例
Aug 02 Javascript
详解微信小程序 页面跳转 传递参数
Dec 08 Javascript
ES5 ES6中Array对象去除重复项的方法总结
Apr 27 Javascript
js传递数组参数到后台controller的方法
Mar 29 Javascript
Webpack devServer中的 proxy 实现跨域的解决
Jun 15 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
Oct 21 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
May 15 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
便携利器 — TECSUN PL-365简评
2021/03/02 无线电
逆序二维数组插入一元素的php代码
2012/06/08 PHP
php计算程序运行时间的简单例子分享
2014/05/10 PHP
php的crc32函数使用时需要注意的问题(不然就是坑)
2015/04/21 PHP
PHP simplexml_import_dom()函数讲解
2019/02/03 PHP
jquery ui resizable bug解决方法
2010/10/26 Javascript
mailto的使用技巧分享
2012/12/21 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
js图片卷帘门导航菜单特效代码分享
2015/09/10 Javascript
js+html5实现canvas绘制椭圆形图案的方法
2016/05/21 Javascript
解析JavaScript中的字符串类型与字符编码支持
2016/06/24 Javascript
JavaScript 是什么意思
2016/09/22 Javascript
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
react-router v4如何使用history控制路由跳转详解
2018/01/09 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
2018/01/22 jQuery
JQuery样式操作、click事件以及索引值-选项卡应用示例
2019/05/14 jQuery
angularjs自定义过滤器demo示例
2019/08/24 Javascript
vue中destroyed方法的使用说明
2020/07/21 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
[04:16]完美世界DOTA2联赛PWL S2 集锦第一期
2020/11/23 DOTA
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
Python定时从Mysql提取数据存入Redis的实现
2020/05/03 Python
python爬虫中采集中遇到的问题整理
2020/11/27 Python
Python实现一个论文下载器的过程
2021/01/18 Python
CSS3图片旋转特效(360/60/-360度)
2013/10/10 HTML / CSS
美国大城市最热门旅游景点门票:CityPASS
2016/12/16 全球购物
英国标准协会商店:BSI Shop
2019/02/25 全球购物
我的applet原先好好的, 一放到web server就会有问题,为什么?
2016/05/10 面试题
建筑工程专业学生的自我评价
2013/12/25 职场文书
幼儿园儿童节活动主持词+串词大全
2014/03/21 职场文书
2014年学雷锋活动总结
2014/06/26 职场文书
党的群众路线教育实践活动学习笔记范文
2014/11/06 职场文书
学校国庆节活动总结
2015/03/23 职场文书
反腐倡廉影片观后感
2015/06/08 职场文书
nginx服务器的下载安装与使用详解
2021/08/02 Servers