js計算文本框輸入的字符數(shù)

更新時間：2015年10月23日 10:38:19 投稿：lijiao

這篇文章主要介紹了js計算文本框輸入的字符數(shù)，具有一定的參考價值，感興趣的朋友可以參考一下

使用JavaScript實時的計算用戶當(dāng)前輸入的字符數(shù)函數(shù)代碼：

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>JavaScript統(tǒng)計字符數(shù)</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實現(xiàn)統(tǒng)計字符數(shù)很簡單，上面分享給大家的代碼可以直接使用，希望對大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS加載解析Markdown文檔過程詳解
這篇文章主要介紹了JS加載解析Markdown文檔過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-05-05
js判斷移動端是否安裝某款app的多種方法
這篇文章主要介紹了js判斷移動端是否安裝某款app的多種方法，感興趣的小伙伴們可以參考一下
2015-12-12
JS驗證全角與半角及相互轉(zhuǎn)化的介紹
全角：是一種電腦字符，是指一個全角字符占用兩個標準字符(或兩個半角字符)的位置。全角占兩個字節(jié)。半角：是指一個字符占用一個標準的字符位置。半角占一個字節(jié)。接下來通過本文給大家介紹JS驗證全角與半角及相互轉(zhuǎn)化的知識，需要的朋友參考下吧
2017-05-05
JS使用parseInt解析數(shù)字實現(xiàn)求和的方法
這篇文章主要介紹了JS使用parseInt解析數(shù)字實現(xiàn)求和的方法,涉及javascript表單元素值的獲取及parseInt解析轉(zhuǎn)換字符串為數(shù)字的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08
原生JS與jQuery編寫簡單選項卡
這篇文章主要為大家詳細介紹了原生JS與jQuery編寫簡單選項卡，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-10-10
flv.js的具體使用教程
flv.js是一款優(yōu)秀的開源web端flv文件播放器，flv格式目前廣泛應(yīng)用在直播及音視頻錄制領(lǐng)域，本文就詳細的介紹一下flv.js的具體使用教程，感興趣的可以了解一下
2023-05-05
12行javascript代碼繪制一個八卦圖
本文給大家分享的是使用有限的代碼繪制八卦圖，算是考核下自己對于javascript的理解，這里推薦給大家，有需要的小伙伴參考下。
2015-04-04
js和jQuery以及easyui實現(xiàn)對下拉框的指定賦值方法
下面小編就為大家分享一篇js和jQuery以及easyui實現(xiàn)對下拉框的指定賦值方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
ES6學(xué)習(xí)教程之Promise用法詳解
這篇文章主要給大家介紹了關(guān)于ES6學(xué)習(xí)教程之Promise用法的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-11-11
javascrip關(guān)于繼承的小例子
javascrip關(guān)于繼承的小例子，需要的朋友可以參考一下
2013-05-05