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

 更新时间:2014年01月03日 09:45:34   作者:  
本篇文章主要是对js判断字符是否是汉字的两种方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助

有时需要判断一个字符是不是汉字,比如在用户输入含有中英文的内容时,需要判断是否超过规定长度就要用到。用 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实现拖拽简单效果

    这篇文章主要为大家详细介绍了JavaScript实现拖拽简单效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • JS使用svg-captcha生成图片验证码的示例代码

    JS使用svg-captcha生成图片验证码的示例代码

    nodejs(nestjs)后端开发过程中会有一个需要生成图片验证码的功能,其能减少机器人攻击操作,本文我们通过 svg-captcha,来实现一个验证码功能,并且小小的优化一下其逻辑,需要的朋友可以参考下
    2024-06-06
  • js 去掉空格实例 Trim() LTrim() RTrim()

    js 去掉空格实例 Trim() LTrim() RTrim()

    js 去掉空格实例Trim(),LTrim(),RTrim() 需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • 微信小程序实现登录遮罩效果

    微信小程序实现登录遮罩效果

    这篇文章主要为大家详细介绍了微信小程序实现登录遮罩效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • 详解jquery uploadify 上传文件

    详解jquery uploadify 上传文件

    这篇文章介绍了jquery uploadify 上传文件,有需要的朋友可以参考一下
    2013-11-11
  • js实现无缝轮播图插件封装

    js实现无缝轮播图插件封装

    这篇文章主要为大家详细介绍了js实现无缝轮播图插件封装,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • js两个数组合并去重的方法大全

    js两个数组合并去重的方法大全

    这篇文章主要给大家介绍了关于js两个数组合并去重的相关资料,日常开发中经常会用到的JS数组去重,文中将每种方法都给出了代码示例,需要的朋友可以参考下
    2023-09-09
  • Nuxt.js中PC与移动端间自动识别跳转

    Nuxt.js中PC与移动端间自动识别跳转

    本文主要介绍了Nuxt.js中PC与移动端间自动识别跳转,文中根据实例编码详细介绍的十分详尽,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • 前端在浏览器端播放直播流协议的2种方式讲解

    前端在浏览器端播放直播流协议的2种方式讲解

    直播依赖录播所需要的播放技术,同时依赖HTTP FLV或者WebSocket中的一种协议来传输FLV,这篇文章主要给大家介绍了关于前端在浏览器端播放直播流协议的2种方式,需要的朋友可以参考下
    2024-07-07
  • JavaScript实现旋转轮播图

    JavaScript实现旋转轮播图

    这篇文章主要为大家详细介绍了JavaScript实现旋转轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08

最新评论