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之解决IE下不渲染的bug
Jun 29 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
Mar 15 Javascript
Javascript面向对象编程
Mar 18 Javascript
jquery分页插件jpaginate在IE中不兼容问题
Apr 22 Javascript
JavaScript中的console.time()函数详细介绍
Dec 29 Javascript
jquery插件validation实现验证身份证号等
Jun 04 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
Oct 08 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
Mar 03 Javascript
web前端vue之CSS过渡效果示例
Jan 10 Javascript
微信小程序实现列表下拉刷新上拉加载
Jul 29 Javascript
node.js博客项目开发手记
Mar 16 Javascript
JavaScript的function函数详细介绍
Nov 20 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使用PDO、mysqli扩展实现与数据库交互操作详解
2019/07/20 PHP
24款热门实用的jQuery插件推荐
2014/12/24 Javascript
JavaScript动态添加style节点的方法
2015/06/09 Javascript
基于JavaScript实现生成名片、链接等二维码
2015/09/20 Javascript
JS基于VML技术实现的五角星礼花效果代码
2015/10/26 Javascript
jQuery实现查找链接文字替换属性的方法
2016/06/27 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
2016/12/14 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
2017/03/29 Javascript
Ajax验证用户名或昵称是否已被注册
2017/04/05 Javascript
Cordova(ionic)项目实现双击返回键退出应用
2019/09/17 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
2020/06/24 Javascript
Python 自动安装 Rising 杀毒软件
2009/04/24 Python
跟老齐学Python之从if开始语句的征程
2014/09/14 Python
Python+django实现文件下载
2016/01/17 Python
python3使用pyqt5制作一个超简单浏览器的实例
2017/10/19 Python
Python实现字典(dict)的迭代操作示例
2018/06/05 Python
python 与服务器的共享文件夹交互方法
2018/12/27 Python
pycharm运行scrapy过程图解
2019/11/22 Python
python+selenium+chromedriver实现爬虫示例代码
2020/04/10 Python
CSS3中动画属性transform、transition和animation属性的区别
2016/09/25 HTML / CSS
玩转CSS3色彩
2010/01/16 HTML / CSS
html5教程调用绘图api画简单的圆形代码分享
2013/12/04 HTML / CSS
新西兰航空中国官网:Air New Zealand China
2018/07/24 全球购物
面向对象概念面试题(.NET)
2016/11/04 面试题
机关门卫岗位职责
2013/12/30 职场文书
初中化学教学反思
2014/01/23 职场文书
修理厂厂长岗位职责
2014/01/30 职场文书
公司年会主持词
2014/03/22 职场文书
《大江保卫战》教学反思
2014/04/11 职场文书
学习雷锋精神演讲稿
2014/05/10 职场文书
环保口号大全
2014/06/12 职场文书
施工员岗位职责
2015/02/10 职场文书
2016应届毕业生实习心得体会
2015/10/09 职场文书
求职信如何撰写?
2019/05/22 职场文书
关于 Python json中load和loads区别
2021/11/07 Python
python中的getter与setter你了解吗
2022/03/24 Python