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 相关文章推荐
Ajax+Json 级联菜单实现代码
Oct 27 Javascript
jQuery ajax cache缓存问题
Jul 01 Javascript
JavaScript实现自己的DOM选择器原理及代码
Mar 04 Javascript
js实现键盘控制DIV移动的方法
Jan 10 Javascript
jQuery实现页面滚动时动态加载内容的方法
Mar 20 Javascript
JavaScript中rem布局在react中的应用
Dec 09 Javascript
JavaScript实现斗地主游戏的思路
Feb 29 Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
Jun 23 Javascript
详解jQuery的Cookie插件
Nov 23 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
Feb 28 Javascript
vue实现的多页面项目如何优化打包的步骤详解
Jul 19 Javascript
不依任何赖第三方,单纯用vue实现Tree 树形控件的案例
Sep 21 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
SONY ICF-SW55的电路分析
2021/03/02 无线电
pw的一个放后门的方法分析
2007/10/08 PHP
Windows下部署Apache+PHP+MySQL运行环境实战
2012/08/31 PHP
一个基于phpQuery的php通用采集类分享
2014/04/09 PHP
PHP单例模式定义与使用实例详解
2017/02/06 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
javascript vvorld 在线加密破解方法
2008/11/13 Javascript
javascript 验证日期的函数
2010/03/18 Javascript
ExtJS 入门
2010/10/29 Javascript
Javascript获取窗口(容器)的大小及位置参数列举及简要说明
2012/12/09 Javascript
Javascript的严格模式strict mode详细介绍
2014/06/06 Javascript
javascript中几个容易混淆的概念总结
2015/04/14 Javascript
Jquery组件easyUi实现手风琴(折叠面板)示例
2016/08/23 Javascript
在 Angular2 中实现自定义校验指令(确认密码)的方法
2017/01/23 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
2017/03/06 Javascript
Mongoose经常返回e11000 error的原因分析
2017/03/29 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
vue+swiper实现组件化开发的实例代码
2017/10/26 Javascript
Angular4的输入属性与输出属性实例详解
2017/11/29 Javascript
浅谈KOA2 Restful方式路由初探
2019/03/14 Javascript
javascript实现商品图片放大镜
2019/11/28 Javascript
[47:12]TFT vs Secret Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
Python编程中NotImplementedError的使用方法
2018/04/21 Python
Python中 map()函数的用法详解
2018/07/10 Python
Python笔记之工厂模式
2019/11/20 Python
Python图像处理二值化方法实例汇总
2020/07/24 Python
Python+pyftpdlib实现局域网文件互传
2020/08/24 Python
HTML5适合的情人节礼物有纪念日期功能
2021/01/25 HTML / CSS
专门经营化妆刷的美国彩妆品牌:Sigma Beauty
2017/09/11 全球购物
丝绸和人造花卉、植物和树木:Nearly Natural
2018/11/28 全球购物
为数据库创建索引都需要注意些什么
2012/07/17 面试题
送温暖献爱心活动总结
2014/07/08 职场文书
党在我心中的演讲稿
2014/09/13 职场文书
创业计划书之校园超市
2019/09/12 职场文书
教你怎么用PyCharm为同一服务器配置多个python解释器
2021/05/31 Python
MySQL新手入门进阶语句汇总
2022/09/23 MySQL