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中ajax学习笔记3
Oct 16 Javascript
热点新闻滚动特效的js代码
Aug 17 Javascript
JavaScript 32位整型无符号操作示例
Dec 08 Javascript
JS实现div居中示例
Apr 17 Javascript
Jquery数字上下滚动动态切换插件
Aug 08 Javascript
AngularJS入门教程之AngularJS模型
Apr 18 Javascript
JavaScript_ECMA5数组新特性详解
Jun 12 Javascript
bootstrap选项卡扩展功能详解
Jun 14 Javascript
20行js代码实现的贪吃蛇小游戏
Jun 20 Javascript
带你快速理解javascript中的事件模型
Aug 14 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
Dec 19 Javascript
浅谈react useEffect闭包的坑
Jun 08 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代码
2012/07/14 PHP
ThinkPHP 3.2 版本升级了哪些内容
2015/03/05 PHP
PHP中的命名空间详细介绍
2015/07/02 PHP
使用IE的地址栏来辅助调试Web页脚本
2007/03/08 Javascript
使用jquery.upload.js实现异步上传示例代码
2014/07/29 Javascript
javascript中callee与caller的区别分析
2015/04/20 Javascript
详谈javascript中的cookie
2015/06/03 Javascript
Web程序员必备的7个JavaScript函数
2016/06/14 Javascript
通过npm引用的vue组件使用详解
2017/03/02 Javascript
Angular中$broadcast和$emit的使用方法详解
2017/05/22 Javascript
JavaScript定时器setTimeout()和setInterval()详解
2017/08/18 Javascript
jQuery Collapse1.1.0折叠插件简单使用
2017/08/28 jQuery
微信小程序之页面拦截器的示例代码
2017/09/07 Javascript
基于vue配置axios的方法步骤
2017/11/09 Javascript
解决vue打包后刷新页面报错:Unexpected token
2019/08/27 Javascript
layui lay-verify form表单自定义验证规则详解
2019/09/18 Javascript
VUE实时监听元素距离顶部高度的操作
2020/07/29 Javascript
原生js+canvas实现验证码
2020/11/29 Javascript
[02:31]DOTA2帕克 英雄基础教程
2013/11/26 DOTA
在Python中操作字典之update()方法的使用
2015/05/22 Python
python实现一组典型数据格式转换
2018/12/15 Python
Python 字符串、列表、元组的截取与切片操作示例
2019/09/17 Python
pycharm导入源码的具体步骤
2020/08/04 Python
微信小程序“圣诞帽”的实现思路详解
2017/12/28 HTML / CSS
美国隐形眼镜网上商店:Lens.com
2019/09/03 全球购物
俄罗斯园林植物网上商店:Garshinka
2020/07/16 全球购物
院药学专业个人求职信
2013/09/21 职场文书
学生就业推荐信
2013/11/13 职场文书
爱心活动计划书
2014/04/26 职场文书
践行党的群众路线心得体会
2014/11/05 职场文书
2015年学校党支部工作总结
2015/04/01 职场文书
2015年消防工作总结
2015/04/24 职场文书
毕业论文答辩开场白和答辩技巧
2015/05/27 职场文书
小兵张嘎观后感300字
2015/06/03 职场文书
教师外出学习心得体会
2016/01/18 职场文书
Windows11里微软已经将驱动程序安装位置A盘删除
2021/11/21 数码科技