简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > js教程 > 正文

js计算文本框输入的字符数_javascript技巧

WBOY
发布： 2016-05-16 15:35:23
原创
1183 人浏览过

使用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实现统计字符数很简单，上面分享给大家的代码可以直接使用，希望对大家的学习有所帮助。

相关标签：
js计算文本框 js计算文本框的值 js限制文本框输入长度 文本框输入触发js事件
来源：php.cn
上一篇：JavaScript中日期的相关操作方法总结_基础知识 下一篇：JavaScript中Date对象的常用方法示例_基础知识
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
Heroku限制Puppeteer仅运行三次 我正在开发一个使用puppeteer从另一个网站抓取数据的网站。当我在本地计算机上运行npm服务器时，它可以很好地抓取数据，但是当我将其部署到Heroku时，它只运行我要查找的前三...
来自于 2024-04-02 19:49:08
0
1
411
如何使图像出现在页眉的中央？ 首先，我的代码基于3个文件，一个HTML、一个CSS和一个JS，应该注意的是，我是使用Bootstrap5.1.3框架创建HTML。我的问题是，首先，我作为案例研究的服装品牌的徽标...
来自于 2024-04-01 23:49:58
0
1
372
无法在 docker 容器上启动 mysql 服务器 我有一个NestJS应用程序，我想要对其进行dockerize。我是docker的新手，我必须这样做。在我的NestJS应用程序中，我使用带有Typeorm的mysql数据库。这个...
来自于 2024-04-01 00:00:35
0
1
2494
在 php 表单文本区域字段中修剪和计算手机号码 我的表单中有一个文本区域字段，我可以在其中复制粘贴手机号码。每行一个号码，像这样我可以复制粘贴数百个手机号码以在该表单中提交。我想修剪该字段，复制粘贴后我只想保留10位数字。仅应保...
来自于 2024-03-31 08:46:11
0
1
314
在 GitHub Pages 中查看 CSS 和 JS 时出现问题，但在 VS Code 中运行良好 我正在处理一个项目的页面，我使用了一个包含CSS和JS文件的模板。我在VisualStudioCode中编写了代码，它在我的计算机本地运行良好。我使用GitHubPages来共享它...
来自于 2024-03-30 22:12:20
0
1
314
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！