简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

js compte le nombre de caractères saisis dans les compétences text box_javascript

WBOY
Libérer： 2016-05-16 15:35:23
original
1186 Les gens l'ont consulté

Utilisez JavaScript pour calculer le nombre de caractères actuellement saisis par l'utilisateur en temps réel. Code de fonction :
. 

<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>
Copier après la connexion

Il est très simple d'implémenter des statistiques de nombre de caractères en JavaScript. Le code partagé avec vous ci-dessus peut être utilisé directement. J'espère qu'il sera utile à votre apprentissage.

Étiquettes associées：
js计算文本框 js计算文本框的值 js限制文本框输入长度 文本框输入触发js事件
source：php.cn
Article précédent：Résumé des opérations liées aux dates dans les connaissances JavaScript_Basic Article suivant：Exemples de méthodes courantes d'objets Date dans les connaissances JavaScript_Basic
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Heroku limite Puppeteer à ne courir que trois fois Je développe un site Web qui utilise le marionnettiste pour récupérer les données d'un aut...
Depuis 2024-04-02 19:49:08
0
1
411
Comment faire apparaître l'image au centre de l'en-tête ? Tout d'abord, mon code est basé sur 3 fichiers, un HTML, un CSS et un JS. A noter que j'ut...
Depuis 2024-04-01 23:49:58
0
1
372
Impossible de démarrer le serveur MySQL sur le conteneur Docker J'ai une application NestJS que je souhaite dockeriser. Je suis nouveau sur Docker et je d...
Depuis 2024-04-01 00:00:35
0
1
2494
Coupez et calculez le numéro de mobile dans le champ de zone de texte du formulaire php J'ai un champ de zone de texte dans mon formulaire où je peux copier et coller un numéro d...
Depuis 2024-03-31 08:46:11
0
1
314
Problèmes d'affichage des CSS et JS dans les pages GitHub, mais fonctionne correctement dans VS Code Je travaille sur une page pour un projet et j'utilise un modèle contenant des fichiers CSS...
Depuis 2024-03-30 22:12:20
0
1
314
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！