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入门教程(3) js面向对象
Jan 31 Javascript
js以对象为索引的关联数组
Jul 04 Javascript
如何将JS的变量值传递给ASP变量
Dec 10 Javascript
简介JavaScript中的getSeconds()方法的使用
Jun 10 Javascript
javascript生成大小写字母
Jul 03 Javascript
实现一个简单的vue无限加载指令方法
Jan 10 Javascript
JS中的三个循环小结
Jun 20 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
Oct 16 Javascript
详解各版本React路由的跳转的方法
May 10 Javascript
Vue+element-ui 实现表格的分页功能示例
Aug 18 Javascript
JS开发 富文本编辑器TinyMCE详解
Jul 19 Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
Jul 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 删除无限级目录与文件代码共享
2008/11/22 PHP
thinkphp实现面包屑导航(当前位置)例子分享
2014/05/10 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
php封装实现钉钉机器人报警接口的示例代码
2020/08/08 PHP
分享别人写的一个小型js框架
2007/08/13 Javascript
javascript自定义右键弹出菜单实现方法
2015/05/25 Javascript
JavaScript正则表达式之multiline属性的应用
2015/06/16 Javascript
JS实现下拉菜单赋值到文本框的方法
2015/08/18 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
2015/09/07 Javascript
巧用Javascript的逻辑运算符
2016/12/02 Javascript
JS中事件冒泡和事件捕获介绍
2016/12/13 Javascript
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
2018/08/20 Javascript
vue弹窗插件实战代码
2018/09/08 Javascript
vue动态设置img的src路径实例
2018/09/18 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
2019/03/01 Javascript
vue不操作dom实现图片轮播的示例代码
2019/12/18 Javascript
微信小程序服务器日期格式化问题
2020/01/07 Javascript
python编写分类决策树的代码
2017/12/21 Python
python实现聚类算法原理
2018/02/12 Python
python 对任意数据和曲线进行拟合并求出函数表达式的三种解决方案
2020/02/18 Python
Python flask框架实现浏览器点击自定义跳转页面
2020/06/04 Python
浅谈CSS3中的变形功能-transform功能
2017/12/27 HTML / CSS
解决H5的a标签的download属性下载service上的文件出现跨域问题
2019/07/16 HTML / CSS
浅析HTML5中的download属性使用
2019/03/13 HTML / CSS
Clarks西班牙官方在线商店:clarks鞋
2019/05/03 全球购物
POP文化和音乐灵感的时尚:Hot Topic
2019/06/19 全球购物
泰国排名第一的家居用品中心:HomePro
2020/11/18 全球购物
社区党建工作汇报材料
2014/08/14 职场文书
2014银行领导班子群众路线对照检查材料思想汇报
2014/09/17 职场文书
未受刑事制裁公证证明
2014/09/20 职场文书
党支部四风整改方案
2014/10/25 职场文书
四川省传达学习贯彻党的群众路线教育实践活动总结大会精神新闻稿
2014/10/26 职场文书
社区党建工作汇报材料
2014/10/27 职场文书
工程合作意向书范本
2015/05/09 职场文书
个人合作协议范本
2015/08/06 职场文书
SQL实战演练之网上商城数据库商品类别数据操作
2021/10/24 MySQL