js计算文本框输入的字符数
作者:bea
使用JavaScript实时的计算用户当前输入的字符数函数代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript统计字符数</title> <script language="javascript"> function CountWords(o
使用JavaScript实时的计算用户当前输入的字符数函数代码:
<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实现统计字符数很简单,上面分享给大家的代码可以直接使用,希望对大家的学习有所帮助。
有用 | 无用
<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中Date对象的常用方法示例
- js实现表单多按钮提交action的处理方法
- JS实现状态栏跑马灯文字效果代码
- JavaScript实现标题栏文字轮播效果代码
- JS实现IE状态栏文字缩放效果代码
- jQuery实现悬浮在右上角的网页客服效果代码
- jQuery+AJAX实现遮罩层登录验证界面(附源码)
- JS实现从顶部下拉显示的带动画QQ客服特效代码
- js获取表格的行数和列数的方法
- js行号显示的文本框实现效果(兼容多种浏览器 )
- js中对函数设置默认参数值的3种方法
- js窗口关闭提示信息(兼容IE和firefox)
- javascript跨域的方法汇总
- 通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
- jQuery实现分章节锚点“回到顶部”动画特效代码
- JavaScript代码轻松实现网页内容禁止复制(代码简单)
- 深入浅析javascript立即执行函数
- js判断手机号运营商的方法
- jQuery实现的网页右下角tab样式在线客服效果代码