js判断字符是否是汉字的两种方法小结


Posted in Javascript onJanuary 03, 2014

有时需要判断一个字符是不是汉字,比如在用户输入含有中英文的内容时,需要判断是否超过规定长度就要用到。用 Javascript 判断通常有两种方法。

1、用正则表达式判断

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>js判断字符是否是汉字</title>

<style type="text/css">
      .content{
          width:350px;
          overflow:hidden;
          border:1px solid #ddd;
      }

</style>
<script language="javascript" type="text/javascript"> 
  function CheckChinese(obj,val){     

var reg = new RegExp("[\\u4E00-\\u9FFF]+","g");

if(reg.test(val)){     
       alert("不能输入汉字!");  
       var strObj = document.getElementById(obj);  
       strObj.value = "";  
       strObj.focus();          

}       
  }
</script>
</head>
<body>

<div class="content">
      <div>测试字符:<input id="test" type="text" onblur="CheckChinese('test',this.value)" /> </div>

</div>  
</body>
</html>

2、用 Unicode 字符范围判断

以下方法是用于统计输入字符串的长度,如果是汉字,则字符串长度加2 ;否则字符串长度加1。

function chkstrlen(str)

{


var strlen = 0;


for(var i = 0;i < str.length; i++)


{



if(str.charCodeAt(i) > 255) //如果是汉字,则字符串长度加2




strlen += 2;



else  




strlen++;


}


return   strlen;

}
Javascript 相关文章推荐
JavaScript 参数中的数组展开 [译]
Sep 21 Javascript
js设置function参数默认值(适合没有传参情况)
Feb 24 Javascript
jquery如何判断表格同一列不同行input数据是否重复
May 14 Javascript
js实现DOM走马灯特效的方法
Jan 21 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
Dec 19 Javascript
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
Mar 23 jQuery
JavaScript 事件流、事件处理程序及事件对象总结
Apr 01 Javascript
JS SetInterval 代码实现页面轮询
Aug 11 Javascript
Vue工程模板文件 webpack打包配置方法
Dec 26 Javascript
vue-cli 如何打包上线的方法示例
May 08 Javascript
微信小程序通过保存图片分享到朋友圈功能
May 24 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
Sep 06 Javascript
jquery事件重复绑定的快速解决方法
Jan 03 #Javascript
浅析jquery某一元素重复绑定的问题
Jan 03 #Javascript
jquery live()重复绑定的解决方法介绍
Jan 03 #Javascript
解决JS中乘法的浮点错误的方法
Jan 03 #Javascript
浅析IE10兼容性问题(frameset的cols属性)
Jan 03 #Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
Jan 03 #Javascript
JS+JSP checkBox 全选具体实现
Jan 02 #Javascript
You might like
第4章 数据处理-php字符串的处理-郑阿奇(续)
2011/07/04 PHP
php mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
谈谈PHP中substr和substring的正确用法及相关参数的介绍
2015/12/16 PHP
document.createElement()用法及注意事项(ff下不兼容)
2013/03/13 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
2015/03/05 Javascript
jQuery插件jPaginate实现无刷新分页
2015/05/04 Javascript
你所不了解的javascript操作DOM的细节知识点(一)
2015/06/17 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
2016/06/21 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
2016/06/24 Javascript
JS实现类似51job上的地区选择效果示例
2016/11/17 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
2016/12/28 Javascript
JS实现图片居中悬浮效果
2017/12/25 Javascript
原生JS实现瀑布流插件
2018/02/06 Javascript
JS实现的全选、全不选及反选功能【案例】
2019/02/19 Javascript
JS面向对象实现飞机大战
2020/08/26 Javascript
Python使用Flask框架获取当前查询参数的方法
2015/03/21 Python
python解决汉字编码问题:Unicode Decode Error
2017/01/19 Python
Python实现计算圆周率π的值到任意位的方法示例
2018/05/08 Python
Python面向对象之接口、抽象类与多态详解
2018/08/27 Python
Python类的继承用法示例
2019/01/31 Python
Python 读取 YUV(NV12) 视频文件实例
2019/12/09 Python
Python定时器线程池原理详解
2020/02/26 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
CSS3中box-shadow的用法介绍
2015/07/15 HTML / CSS
canvas实现漂亮的下雨效果的示例
2018/04/18 HTML / CSS
一个基于canvas的移动端图片编辑器的实现
2020/10/28 HTML / CSS
Foreo国际站:Foreo International
2018/10/29 全球购物
英国和世界各地预订便宜的酒店:LateRooms.com
2019/05/05 全球购物
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
两则小学生的自我评价分享
2013/11/14 职场文书
创新社会管理心得体会
2014/09/12 职场文书
胡雪岩故居导游词
2015/02/06 职场文书
原告离婚代理词
2015/05/23 职场文书
2015年中学总务处工作总结
2015/07/22 职场文书
2019最新版劳务派遣管理制度
2019/08/16 职场文书