简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

js counts the number of characters entered in the text box_javascript skills

WBOY
Release： 2016-05-16 15:35:23
Original
1186 people have browsed it

Use JavaScript to calculate the number of characters currently entered by the user in real time. Function code: 

<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>
Copy after login

It is very simple to implement character count statistics in JavaScript. The code shared with you above can be used directly. I hope it will be helpful to your learning.

Related labels：
js计算文本框 js计算文本框的值 js限制文本框输入长度 文本框输入触发js事件
source：php.cn
Previous article：Summary of date-related operations in JavaScript_Basic knowledge Next article：Examples of common methods of Date objects in JavaScript_Basic knowledge
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Heroku limits Puppeteer to running only three times I'm developing a website that uses puppeteer to scrape data from another website. When I r...
From 2024-04-02 19:49:08
0
1
411
How to make an image appear in the center of the header? First of all, my code is based on 3 files, an HTML, a CSS and a JS. It should be noted tha...
From 2024-04-01 23:49:58
0
1
372
Unable to start mysql server on docker container I have a NestJS application that I want to dockerize. I'm new to docker and I have to do t...
From 2024-04-01 00:00:35
0
1
2494
Trim and calculate mobile number in php form textarea field I have a textarea field in my form where I can copy and paste a mobile number. One number ...
From 2024-03-31 08:46:11
0
1
314
Issues viewing CSS and JS in GitHub Pages, but works fine in VS Code I'm working on a page for a project and I'm using a template that contains CSS and JS file...
From 2024-03-30 22:12:20
0
1
314
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！