软件开发培训班 >> 编程开发 >> JavaScript

区分中英文字符的两种方法(正则和charCodeAt())

　　本文标签：中英文字符

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="gb2312"> 
<title>区分中英文字符的两种方法: 正则和charCodeAt()方法@Mr.Think</title> 
<style> 
/*reset css*/ 
body{font-size:0.8em;letter-spacing:1px;font-family:\5fae\8f6f\96c5\9ed1;line-height:1.8em} 
div,h2,p,fieldset,legend,form,textarea,span,em,sub{margin:0;padding:0} 
input{font:12px/1.5 tahoma,arial,sans-serif;vertical-align:middle} 
h1{font-size:1em;font-weight:normal} 
h1 a{background:#047;padding:2px 3px;color:#fff;text-decoration:none} 
h1 a:hover{background:#a40000;color:#fff;text-decoration:underline} 
h3{color:#888;font-weight:bold;font-size:1em;margin:1em auto;position:relative} 
/*demo css*/ 
fieldset{padding:20px;border:1px solid #ccc;width:720px} 
fieldset legend{background:#a40000;color:#fff;text-align:center;padding:0 8px;margin-left:25px} 
fieldset label{display:block;padding-left:25px;line-height:40px} 
fieldset label input{padding:2px 3px;border:1px solid #888;width:200px;height:16px} 
fieldset label input:focus{border:1px solid blue} 
</style> 
<meta name="author" content="Mr.Think青鸟" /> 
<meta name="keywords" content="Mr.Think,前端开发,WEB前端,前端技术,前端开发,WEB前端开发,用户体验,网站策划,网站优化,青鸟,javascript,jQuery,css,xhtml,html,UE,SEO,Mr.Think的博客,青鸟的博客,PHP爱好者,Bluebirdsky" /> 
<meta name="description" content="Mr.Think的博客,中文网名青鸟,现专注于WEB前端开发,同时也是一位PHP的爱好者.爱思考,有点代码洁癖,生吃过螃蟹腿,喜好肉食.这里是我记录知识与生活琐事的地方." /> 
<link rel="pingback" href="http://mrthink.net/xmlrpc.php" /> 
<link rel="alternate" type="application/rss+xml" title="Mr.Think的博客 RSS Feed" href="http://mrthink.net/feed/" /> 
<script> 
/******************************* 
* @author Mr.Think 
* @author blog http://mrthink.net/ 
* @2010.10.22 
* @可自由转载及使用,但请注明版权归属 
*******************************/ 
window.onload=function(){ 
var regExpForm=document.getElementById(regexp); 
var charCodeAt=document.getElementById(charcodeat); 
var entryVal=null;//输入的值 
var cnChar=null;//中文字符 
var cnArr=new Array();//存放中文字符的数组 
var entryLen=null;//输入字符的长度 
//通过正则区分中英文字符--Mr.Think推荐方法 
regExpForm.onblur=function(){ 
entryVal=this.value; 
entryLen=entryVal.length; 
cnChar=entryVal.match(/[^\x00-\x80]/g);//利用match方法检索出中文字符并返回一个存放中文的数组 
entryLen+=cnChar.length;//算出实际的字符长度 
alert(你输入了 +cnChar.length+ 个中文字符;\n它们分别是: +cnChar+ ;\n共计输入了 +entryLen+ 个字符.); 
} 
//通过charCodeAt区分中英文字符 
charCodeAt.onblur=function(){ 
entryVal=this.value; 
entryLen=entryVal.length; 
for(var i=0;i<entryVal.length;i++){ 
if(entryVal.charCodeAt(i)>255){//遍历判断字符串中每个字符的Unicode码,大于255则为中文 
cnArr.push(entryVal[i]);//讲符合条件的值插入到中文字符数组中 
//注意一个小bug,push是向数组的末尾添加一个或多个元素并返回新的长度,所以未刷新的情况下反复blur会累加字符值 
} 
} 
entryLen+=cnArr.length; 
alert(你输入了 +cnArr.length+ 个中文字符;\n它们分别是: +cnArr+ ;\n共计输入了 +entryLen+ 个字符.); 
} 
} 
</script> 
</head> 
<body> 
<h1>Mr.Think的个人博客
@专注前端技术,热爱PHP,崇尚简单生活.</h1> 
<h3>返回文章页:区分中英文字符的两种方法: 正则和charCodeAt()方法@Mr.Think</h3> 
 
<fieldset> 
<legend>请在如下表单中输入字符后点击表单外区域</legend> 
<label for="regexp">通过正则表达式判断：<input id="regexp" name="regexp" /></label> 
<label for="charcodeat">通过charCodeAt()方法判断：<input id="charcodeat" name="charcodeat" /></label> 
</fieldset> 
</body> 
</html>

技术文章快速查找

JS判断客户端是手机还是PC的2个代码

JavaScript调用后台的三种方法实例

Javascript 世界时区时间显示代码

对于Form表单reset方法的新认识

纯CSS实现的竖向导航菜单

js删除select中重复项的实现代码

Underscore.js 的模板功能介绍与应用

jquery div提示框渐隐弹出与隐藏效果

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建