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的弹出消息插件 DivAlert之旅(一)
Apr 01 Javascript
js 可拖动列表实现代码
Dec 13 Javascript
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
Aug 14 Javascript
js动态创建及移除div的方法
Jun 03 Javascript
使用js复制链接中的部分文字的方法
Jul 30 Javascript
js实现HashTable(哈希表)的实例分析
Nov 21 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
Jan 04 Javascript
老生常谈javascript的面向对象思想
Aug 22 Javascript
vue项目中的webpack-dev-sever配置方法
Dec 14 Javascript
JS替换字符串中指定位置的字符(多种方法)
May 28 Javascript
三步搞定:Vue.js调用Android原生操作
Sep 07 Javascript
使用webpack5从0到1搭建一个react项目的实现步骤
Dec 16 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
session在php5.3中的变化 session_is_registered() is deprecated in
2013/11/12 PHP
PHP日期函数date格式化UNIX时间的方法
2015/03/19 PHP
PHP中的流(streams)浅析
2015/07/02 PHP
js取消单选按钮选中示例代码
2013/11/14 Javascript
js给onclick赋值传参数的两种方法
2013/11/25 Javascript
七夕情人节丘比特射箭小游戏
2015/08/20 Javascript
jquery实现红色竖向多级向右展开的导航菜单效果
2015/08/31 Javascript
javascript实现C语言经典程序题
2015/11/29 Javascript
javascript弹出带文字信息的提示框效果
2016/07/19 Javascript
jQuery的ajax和遍历数组json实例代码
2016/08/01 Javascript
详解能在多种前端框架下使用的表格控件
2017/01/11 Javascript
微信小程序 判断手机号的实现代码
2017/04/19 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
2017/07/17 jQuery
浅谈vue中慎用style的scoped属性
2017/11/28 Javascript
Vue filter介绍及详细使用
2018/04/04 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
2018/05/02 Javascript
JavaScript根据json生成html表格的示例代码
2018/10/24 Javascript
Webstorm2016使用技巧(SVN插件使用)
2018/10/29 Javascript
详解webpack打包后如何调试的方法步骤
2018/11/07 Javascript
Python访问MySQL封装的常用类实例
2014/11/11 Python
python3之模块psutil系统性能信息使用
2018/05/30 Python
对numpy下的轴交换transpose和swapaxes的示例解读
2019/06/26 Python
感知器基础原理及python实现过程详解
2019/09/30 Python
Python 实现将大图切片成小图,将小图组合成大图的例子
2020/03/14 Python
pip安装提示Twisted错误问题(Python3.6.4安装Twisted错误)
2020/05/09 Python
Python实现冒泡排序算法的完整实例
2020/11/04 Python
css3背景图片透明叠加属性cross-fade简介及用法实例
2013/01/08 HTML / CSS
美国首屈一指的高品质珠宝设计师和零售商:Allurez
2018/01/23 全球购物
舞会礼服和舞会鞋:PromGirl
2019/04/22 全球购物
遗体告别仪式答谢词
2014/01/23 职场文书
学生会宣传部部长竞选演讲稿
2014/04/25 职场文书
创先争优活动心得体会
2014/09/04 职场文书
2014年中班下学期工作总结
2014/12/11 职场文书
酒店员工管理制度
2015/08/05 职场文书
2016学习医德医风心得体会
2016/01/25 职场文书
2019请假条的基本格式及范文!
2019/07/05 职场文书