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 相关文章推荐
JS对img标签进行优化使用onerror显示默认图像
Apr 24 Javascript
使用JQuery FancyBox插件实现图片展示特效
Nov 16 Javascript
关于javascript事件响应的基础语法总结(必看篇)
Dec 26 Javascript
webpack实现热加载自动刷新的方法
Jul 30 Javascript
seajs中模块依赖的加载处理实例分析
Oct 10 Javascript
vuex的简单使用教程
Feb 02 Javascript
vuex 的简单使用
Mar 22 Javascript
React key值的作用和使用详解
Aug 23 Javascript
用js简单提供增删改查接口
May 12 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
vue从零实现一个消息通知组件的方法详解
Mar 16 Javascript
vue动态绑定style样式
Apr 20 Vue.js
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
随时给自己贴的图片加文字的php水印
2007/03/16 PHP
php date()日期时间函数详解
2010/05/16 PHP
PHP操作数组相关函数
2011/02/03 PHP
超小PHP小马小结(方便查找后门的朋友)
2012/05/05 PHP
PHP中的使用curl发送请求(GET请求和POST请求)
2017/02/08 PHP
用javascript实现计算两个日期的间隔天数
2007/08/14 Javascript
向大师们学习Javascript(视频与PPT)
2009/12/27 Javascript
根据出生日期自动取得星座的js代码
2010/07/20 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
2015/03/04 Javascript
实例解析Array和String方法
2016/12/14 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
基于JS实现限时抢购倒计时间表代码
2017/05/09 Javascript
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
2017/12/05 jQuery
基于vue-cli配置lib-flexible + rem实现移动端自适应
2017/12/26 Javascript
快速搭建vue2.0+boostrap项目的方法
2018/04/09 Javascript
微信小程序显示倒计时功能示例【测试可用】
2018/12/03 Javascript
vue store之状态管理模式的详细介绍
2019/06/13 Javascript
ant-design-vue按需加载的坑的解决
2020/05/14 Javascript
Python类的定义、继承及类对象使用方法简明教程
2015/05/08 Python
Python之reload流程实例代码解析
2018/01/29 Python
python numpy 按行归一化的实例
2019/01/21 Python
Python3 实现串口两进程同时读写
2019/06/12 Python
Python中那些 Pythonic的写法详解
2019/07/02 Python
python实现最大优先队列
2019/08/29 Python
Windows下实现将Pascal VOC转化为TFRecords
2020/02/17 Python
django迁移文件migrations的实现
2020/03/31 Python
CSS3 3D酷炫立方体变换动画的实现
2019/03/26 HTML / CSS
HTML5验证以及日期显示的实现详解
2013/07/05 HTML / CSS
美国知名运动产品零售商:Foot Locker
2016/07/23 全球购物
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
Everlast官网:拳击、综合格斗和健身相关的体育用品
2020/08/03 全球购物
艺术应用与设计个人的自我评价
2013/11/23 职场文书
法律进企业活动方案
2014/03/04 职场文书
大学生读书笔记大全
2015/07/01 职场文书
高二数学教学反思
2016/02/18 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书