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

 更新时间:2010年11月05日 18:31:25   作者:  
最近在为项目写登录注册系列页面, 表单验证无疑是不可缺少的部分, 在这个jQ插件满天飞的web年代, 表单验证倒也不是难事. 但再好的插件, 也并不能做到十全十美
比如这次用到的我先前介绍过的Vanadium表单验证插件, 因为是E文中不存在占2个字符的字, 所以, 区分中英文字符就得自己扩展. 本文就将介绍两种区分中英文字符的方法: 利用正则和charCodeAt方法区分中英文字符.

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

正则无疑是最强大的判断各种条件的方法, 最近也在研习它, 虽然枯燥, 但仍有乐趣. 用它来判断一个双字节的中文字符也是轻而易举地. 而判断中文字符, Mr.Think也是非常推荐用这种方法的, 简单且执行效率高.
核心代码如下:
复制代码 代码如下:

regExpForm.onblur=function(){
entryVal=this.value;
entryLen=entryVal.length;
cnChar=entryVal.match(/[^\x00-\x80]/g);//利用match方法检索出中文字符并返回一个存放中文的数组
entryLen+=cnChar.length;//算出实际的字符长度
}

第二种方法是通过charCodeAt()方法判断Unicode码值, 若大于255即为中文字符(为什么? 请Google ). Mr.Think并不建议用这种方法的, 它的执行效率没有正则高, 也没有正则简单.
核心代码如下:
复制代码 代码如下:

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;

相关文章

  • 浅析IE10兼容性问题(frameset的cols属性)

    浅析IE10兼容性问题(frameset的cols属性)

    主页用frameset嵌了两个页面,左侧为菜单栏,可以通过改变 frameset的cols来收缩。别的浏览器正常,但IE10却没任何的反应
    2014-01-01
  • 原生js实现随机点名功能

    原生js实现随机点名功能

    这篇文章主要为大家详细介绍了原生js实现随机点名功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • js传各种类型参数到Controller层的整理方式

    js传各种类型参数到Controller层的整理方式

    这篇文章主要介绍了js传各种类型参数到Controller层的整理方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-02-02
  • JavaScript数组随机排列实现随机洗牌功能

    JavaScript数组随机排列实现随机洗牌功能

    这篇文章主要介绍了JavaScript数组随机排列实现随机洗牌功能的方法,涉及javascript中基于list.sort方法实现数组随机排列的技巧,可应用于随机洗牌,非常具有实用价值,需要的朋友可以参考下
    2015-03-03
  • JavaScript设计模式之工厂方法模式介绍

    JavaScript设计模式之工厂方法模式介绍

    这篇文章主要介绍了JavaScript设计模式之工厂方法模式介绍,本文讲解了简单工厂模式、多个工厂方法模式等内容,需要的朋友可以参考下
    2014-12-12
  • 使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能

    使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能

    由于微信小程序没有提供类似 Image 这样的 JS 对象,要实现图片的预加载要麻烦一些,wxapp-img-loader自定义组件可以在微信小程序中实现图片预加载功能,需要的朋友可以参考下
    2018-10-10
  • 微信小程序实现页面浮动导航

    微信小程序实现页面浮动导航

    这篇文章主要为大家详细介绍了微信小程序实现页面浮动导航,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • 用js实现小球的自由移动代码

    用js实现小球的自由移动代码

    本篇文章小编为大家介绍,用js实现小球的自由移动代码。需要的朋友参考下
    2013-04-04
  • Cookie 注入是怎样产生的

    Cookie 注入是怎样产生的

    现在很多网站都加了防注入系统代码,你输入注入语句将无法注入~~感觉这样的防注入系统不错,但防注入系统没有注意到 Cookies 的问题!所以就有了Cookies注入~~
    2009-04-04
  • js拖拽的原型声明和用法总结

    js拖拽的原型声明和用法总结

    这篇文章主要为大家详细介绍了js拖拽的原型声明和用法总结,感兴趣的朋友可以参考一下
    2016-04-04

最新评论