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 UI-Draggable 参数集合
Jan 10 Javascript
基于jQuery实现的百度导航li拖放排列效果,即时更新数据库
Jul 31 Javascript
Javascript进制转换实例分析
May 14 Javascript
javascript框架设计之框架分类及主要功能
Jun 23 Javascript
深入理解Java线程编程中的阻塞队列容器
Dec 07 Javascript
简单实现轮播图效果的实例
Jul 15 Javascript
Vue header组件开发详解
Jan 26 Javascript
Vuex入门到上手教程
Jun 20 Javascript
vue项目base64字符串转图片的实现代码
Jul 13 Javascript
示例vue 的keep-alive缓存功能的实现
Dec 13 Javascript
react使用CSS实现react动画功能示例
May 18 Javascript
JS addEventListener()和attachEvent()方法实现注册事件
Jan 11 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表单请求获得数据求和示例
2014/05/15 PHP
php利用反射实现插件机制的方法
2015/03/14 PHP
PHP单例模式是什么 php实现单例模式的方法
2016/05/14 PHP
Yii2-GridView 中让关联字段带搜索和排序功能示例
2017/01/21 PHP
PHP封装函数实现生成随机的字符串验证码
2017/01/24 PHP
js类中的公有变量和私有变量
2008/07/24 Javascript
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
2012/02/27 Javascript
关于JavaScript命名空间的一些心得
2014/06/07 Javascript
javascript动态判断html元素并执行不同的操作
2014/06/16 Javascript
纯js实现仿QQ邮箱弹出确认框
2015/04/29 Javascript
在windows上用nodejs搭建静态文件服务器的简单方法
2016/08/11 NodeJs
jQuery实现自动调用和触发某个事件的方法
2016/11/18 Javascript
js窗口震动小程序分享
2016/11/28 Javascript
js正则表达式验证密码强度【推荐】
2017/03/03 Javascript
原生js实现简单的Ripple按钮实例代码
2017/03/24 Javascript
Vue 过渡实现轮播图效果
2017/03/27 Javascript
Vue axios 中提交表单数据(含上传文件)
2017/07/06 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
2018/01/18 jQuery
Vue入门之animate过渡动画效果
2018/04/08 Javascript
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
ant design实现圈选功能
2019/12/17 Javascript
[02:40]DOTA2英雄基础教程 巨牙海民
2013/12/23 DOTA
[47:45]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第一场 2月26日
2021/03/11 DOTA
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
使用tensorflow实现线性回归
2018/09/08 Python
python 和c++实现旋转矩阵到欧拉角的变换方式
2019/12/04 Python
pytorch中交叉熵损失(nn.CrossEntropyLoss())的计算过程详解
2020/01/02 Python
Python通过4种方式实现进程数据通信
2020/03/12 Python
详解用selenium来下载小姐姐图片并保存
2021/01/26 Python
从一次项目重构说起CSS3自定义变量在项目的使用方法
2021/03/01 HTML / CSS
HTML5 FormData 方法介绍以及实现文件上传示例
2017/09/12 HTML / CSS
全球精选男装和家居用品:Article
2020/04/13 全球购物
电子商务个人职业生涯规划范文
2014/02/12 职场文书
办公室务虚会发言材料
2014/10/20 职场文书
2015年收银工作总结范文
2015/04/01 职场文书
Python中X[:,0]和X[:,1]的用法
2021/05/10 Python