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的tab切换 js原理
Apr 01 Javascript
location.href语句与火狐不兼容的问题
Jul 04 Javascript
Jquery截取中文字符串的实现代码
Dec 22 Javascript
JavaScript从数组中删除指定值元素的方法
Mar 18 Javascript
js实现发送验证码后的倒计时功能
May 28 Javascript
js检测iframe是否加载完成的方法
Nov 26 Javascript
Webpack之tree-starking 解析
Sep 11 Javascript
详解Angular Karma测试的持续集成实践
Nov 15 Javascript
WEB前端性能优化的7大手段详解
Feb 04 Javascript
React列表栏及购物车组件使用详解
Jun 28 Javascript
JavaScript展开运算符和剩余运算符的区别详解
Feb 18 Javascript
uniapp引入支付宝原生扫码插件步骤详解
Jul 23 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截断标题且兼容utf8和gb2312编码
2013/09/22 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
jquery实现图片翻页效果
2013/12/23 Javascript
jquery制作LED 时钟特效
2015/02/01 Javascript
用JS实现图片轮播效果代码(一)
2016/06/26 Javascript
很实用的js选项卡切换效果
2016/08/12 Javascript
AngularJS 服务详细讲解及示例代码
2016/08/17 Javascript
js实现的在线调色板功能完整实例
2016/12/21 Javascript
详谈jQuery中的一些正则匹配表达式
2017/03/08 Javascript
整理关于Bootstrap列表组的慕课笔记
2017/03/29 Javascript
nodejs开发微信小程序实现密码加密
2017/07/11 NodeJs
微信小程序实现拖拽 image 触摸事件监听的实例
2017/08/17 Javascript
Angular 4.0学习教程之架构详解
2017/09/12 Javascript
js定时器+简单的动画效果实例
2017/11/10 Javascript
Node.js 使用AngularJS的方法示例
2018/05/11 Javascript
浅谈vue 单文件探索
2018/09/05 Javascript
vue src动态加载请求获取图片的方法
2018/10/17 Javascript
JavaScript面试技巧之数组的一些不low操作
2019/03/22 Javascript
微信小程序自定义单项选择器样式
2019/07/25 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
2020/06/22 Javascript
python实现微信远程控制电脑
2018/02/22 Python
Python字典的核心底层原理讲解
2019/01/24 Python
对python多线程SSH登录并发脚本详解
2019/02/14 Python
详解pandas使用drop_duplicates去除DataFrame重复项参数
2019/08/01 Python
Python使用matplotlib 模块scatter方法画散点图示例
2019/09/27 Python
全球速卖通巴西站点:Aliexpress巴西
2016/08/24 全球购物
英国儿童家具专卖店:GLTC
2016/09/24 全球购物
马来西亚户外装备商店:PTT Outdoor
2019/07/13 全球购物
全球性的众包图形设计市场:DesignCrowd
2021/02/02 全球购物
《会变的花树叶》教学反思
2014/02/10 职场文书
销售员岗位职责
2014/06/09 职场文书
2014年学生管理工作总结
2014/12/20 职场文书
CSS 还能这样玩?奇思妙想渐变的艺术
2021/04/27 HTML / CSS
Mysql多层子查询示例代码(收藏夹案例)
2022/03/31 MySQL
安装Ruby和 Rails的详细步骤
2022/04/19 Ruby
如何使用python包中的sched事件调度器
2022/04/30 Python