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缓存问题
Dec 19 Javascript
EasyUI加载完Html内容样式渲染完成后显示
Jul 25 Javascript
BootStrap便签页的简单应用
Jan 06 Javascript
vue-cli+webpack在生成的项目中使用bootstrap实例代码
May 26 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
Jul 10 Javascript
详解ES6之用let声明变量以及let loop机制
Jul 15 Javascript
JS中使用media实现响应式布局
Aug 04 Javascript
详解Vue中watch的高级用法
May 02 Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
Aug 08 jQuery
Vue监听事件实现计数点击依次增加的方法
Sep 26 Javascript
如何为vuex实现带参数的 getter和state.commit
Jan 04 Javascript
微信小程序swiper左右扩展各显示一半代码实例
Dec 05 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 采集心得技巧
2009/05/15 PHP
PHP实现伪静态方法汇总
2016/01/13 PHP
详谈PHP中的密码安全性Password Hashing
2017/02/04 PHP
利用php生成验证码
2017/02/23 PHP
PHP实现json_decode不转义中文的方法
2017/05/20 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
总结AJAX相关JS代码片段和浏览器模型
2007/08/15 Javascript
Js 订制自己的AlertBox(信息提示框)
2009/01/09 Javascript
使用js如何实现全选与全不选
2013/12/30 Javascript
jquery ui resize 中border-box的bug修正
2015/04/26 Javascript
JS自定义选项卡函数及用法实例分析
2015/09/02 Javascript
Javascript必知必会(四)js类型转换
2016/06/08 Javascript
js判断输入字符串是否为空、空格、null的方法总结
2016/06/14 Javascript
p5.js入门教程之平滑过渡(Easing)
2018/03/16 Javascript
vue中动态设置meta标签和title标签的方法
2018/07/11 Javascript
Nodejs中的JWT和Session的使用
2018/08/21 NodeJs
详解小程序开发经验:多页面数据同步
2019/05/18 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
2019/07/03 jQuery
JavaScript设计模式--简单工厂模式定义与应用案例详解
2020/05/23 Javascript
python利用beautifulSoup实现爬虫
2014/09/29 Python
Python多继承顺序实例分析
2018/05/26 Python
python输入整条数据分割存入数组的方法
2018/11/13 Python
如何在Django中设置定时任务的方法示例
2019/01/18 Python
python django下载大的csv文件实现方法分析
2019/07/19 Python
深入了解python列表(LIST)
2020/06/08 Python
Python实现定时监测网站运行状态的示例代码
2020/09/30 Python
详解CSS3选择器:nth-child和:nth-of-type之间的差异
2017/09/18 HTML / CSS
Ellos丹麦:时尚和服装在线
2016/09/19 全球购物
德国旅游网站:weg.de
2018/06/03 全球购物
文化宣传方案
2014/03/13 职场文书
2014年国庆节演讲稿精选范文1500字
2014/09/25 职场文书
付款承诺函范文
2015/01/21 职场文书
体育教师个人工作总结
2015/02/09 职场文书
2019大学生暑期实习心得总结
2019/08/21 职场文书