简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > 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 の実行を 3 回のみに制限しています 私は、puppeteer を使用して別の Web サイトからデータをスクレイピングする Web サイトを開発しています。ローカルマシン上で npm サーバーを実行すると、データは問...
から 2024-04-02 19:49:08
0
1
411
ヘッダーの中央に画像を表示するにはどうすればよいですか? まず、私のコードは HTML、CSS、JS の 3 つのファイルに基づいており、HTML の作成には Bootstrap5.1.3 フレームワークを使用していることに注意してくださ...
から 2024-04-01 23:49:58
0
1
372
Dockerコンテナ上でmysqlサーバーを起動できません Docker化したいNestJSアプリケーションがあります。私は docker を初めて使用するので、これを行う必要があります。私の NestJS アプリケーションでは、Typeo...
から 2024-04-01 00:00:35
0
1
2494
PHPフォームのテキストエリアフィールドで携帯電話番号をトリミングして計算します フォームに携帯電話番号をコピーして貼り付けることができるテキストエリアフィールドがあります。 1 行に 1 つの番号を入力します。このように、何百もの携帯電話番号をコピーして貼り付...
から 2024-03-31 08:46:11
0
1
314
GitHub Pages での CSS と JS の表示に問題があるが、VS Code では正常に動作する 私はプロジェクトのページで作業しており、CSS ファイルと JS ファイルを含むテンプレートを使用しています。 VisualStudioCode でコードを作成したところ、コンピュ...
から 2024-03-30 22:12:20
0
1
314
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！