JS實現(xiàn)區(qū)分中英文并統(tǒng)計字符個數(shù)的方法示例
本文實例講述了JS實現(xiàn)區(qū)分中英文并統(tǒng)計字符個數(shù)的方法。分享給大家供大家參考,具體如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>js區(qū)分中英文統(tǒng)計字符個數(shù)</title> <meta name="description" content=""> <meta name="keywords" content=""> <link href="" rel=" rel="external nofollow" stylesheet"> </head> <body> <input type="text" value="" id="str"><span id="showcontent"></span><!-- 此處原來使用的label標(biāo)簽,但是設(shè)置其innerHTML的值在ie8上報錯,故換為span標(biāo)簽 --> <script type="text/javascript"> var countnums=(function(){ var trim=function(strings){ return (strings||"").replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g,"");//+表示匹配一次或多次,|表示或者,\s和\u00A0匹配空白字符,/^以……開頭,$以……結(jié)尾,/g全局匹配,/i忽略大小寫 } return function(_str){ _str=trim(_str); //去除字符串的左右兩邊空格 var strlength=_str.length; if(!strlength){ //如果字符串長度為零,返回零 return 0; } var chinese=_str.match(/[\u4e00-\u9fa5]/g); //匹配中文,match返回包含中文的數(shù)組 return strlength+(chinese?chinese.length:0); //計算字符個數(shù) } })(); function count(tThis){ var charnum=countnums(tThis.value) var showid=document.getElementById("showcontent"); showid.innerHTML="您總共輸入了"+charnum+"個字符"; } window.onload=function(){ var str=document.getElementById("str"); str.onkeypress=function(){ count(this); } str.onkeyup=function(){ count(this); } } </script> </body> </html>
使用在線HTML/CSS/JavaScript代碼運行工具 http://tools.jb51.net/code/HtmlJsRun測試后運行結(jié)果如下:
PS:這里再為大家推薦兩款相關(guān)在線工具供大家參考:
字數(shù)統(tǒng)計工具:
http://tools.jb51.net/code/zishutongji
在線字符統(tǒng)計與編輯工具:
http://tools.jb51.net/code/char_tongji
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》及《JavaScript字符與字符串操作技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- js統(tǒng)計錄入文本框中字符的個數(shù)并加以限制不超過多少
- js計算文本框輸入的字符數(shù)
- 限制文本框輸入N個字符的js代碼
- 如何用javascript計算文本框還能輸入多少個字符
- JS查找字符串中出現(xiàn)最多的字符及個數(shù)統(tǒng)計
- js監(jiān)聽鼠標(biāo)事件控制textarea輸入字符串的個數(shù)
- JS限制Textarea文本域字符個數(shù)的具體實現(xiàn)
- JS實現(xiàn)統(tǒng)計字符串中字符出現(xiàn)個數(shù)及最大個數(shù)功能示例
- jquery判斷字符輸入個數(shù)(數(shù)字英文長度記為1,中文記為2,超過長度自動截?。?/a>
- JS與jQuery判斷文本框還剩多少字符可以輸入的方法
相關(guān)文章
JavaScript該如何學(xué)習(xí) 怎樣輕松學(xué)習(xí)JavaScript
JavaScript該如何學(xué)習(xí)?如何輕松學(xué)習(xí)JavaScript?這篇文章主要介紹了輕松學(xué)習(xí)JavaScript的方法2017-06-06JavaScript動態(tài)數(shù)量的文件上傳控件
本文給大家分享一段js代碼關(guān)于動態(tài)數(shù)量的文件上傳控件,代碼簡單易懂,非常不錯具有參考借鑒價值,感興趣的朋友一起看看2016-11-11