JS正则表达式验证中文字符


Posted in Javascript onMay 08, 2017

正则表达式:"^[\u4e00-\u9fa5]{0,}$" 、 "/^[\u4E00-\u9FA5]{1,5}$/" 的含义:

在JS里,\uXXXX 是转义字符,"XXXX"对应的是16进制Unicode编码;

^ 匹配一行的开始。例如正则表达式^123能够匹配字符串"12345"的开始,但是不能匹配"012345";

[\u4e00-\u9fa5] 指匹配在这两个Unicode编码之间的字符;

{0,} 重复0到无限次;

$以它为结束,如123$就是只匹配以123结尾的。1234则不能匹配。

就是说匹配以\u4e00-\u9fa5两字符之间的字符任意组成的字符串(可以是1个字符以上的)而且这字符串前后都没有其它字符。

典型应用:

$(function(){
  // 验证联系人
  $('input[name="contacts"]').focus(function(){
    $(this).next().text('只支持中文字符');
  }).blur(function(){
    var pattern = /^[\u4E00-\u9FA5]{1,5}$/;
    if(pattern.test($(this).val())){//用原生JS的test()函数来匹配传入的值,返回布尔值。
      $(this).removeClass('input_err');
      $(this).next().text('√').removeClass('txt_err').addClass('txt_correct');
      isTrue=true;
    }else{
      $(this).addClass('input_err');
      $(this).next().text("×").removeClass('txt_correct').addClass('txt_err');
    }
  });
  // 验证手机号码
  $('input[name="tel"]').focus(function(){
    $(this).next().text('座机请用 - 进行分隔');
  }).blur(function(){
    var pattern = /^1\d{10}$|^(0\d{2,3}-?|\(0\d{2,3}\))?[1-9]\d{4,7}(-\d{1,8})?$/;
    if(pattern.test($(this).val())){
      $(this).removeClass('input_err');
      $(this).next().text('√').removeClass('txt_err').addClass('txt_correct');
      isTrue=true;
    }else{
      $(this).addClass('input_err');
      $(this).next().text("×").removeClass('txt_correct').addClass('txt_err');
      isTrue=false;
    }
  });
})

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
jQuery学习笔记之jQuery的事件
Dec 22 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
Jul 31 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
Mar 30 Javascript
浅谈JS原生Ajax,GET和POST
Jun 08 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 Javascript
脚本div实现拖放功能(两种)
Feb 13 Javascript
微信小程序 标签传入数据
May 08 Javascript
vue2.X组件学习心得(新手必看篇)
Jul 05 Javascript
Thinkjs3新手入门之如何使用静态资源目录
Dec 06 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
Oct 25 Javascript
JavaScript实现网页计算器功能
Oct 29 Javascript
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
Mar 01 Vue.js
bootstrap table表格插件使用详解
May 08 #Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
May 08 #Javascript
PHP实现记录代码运行时间封装类实例教程
May 08 #Javascript
jquery平滑滚动到顶部插件使用详解
May 08 #jQuery
H5上传本地图片并预览功能
May 08 #Javascript
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 #jQuery
vue2.0实现导航菜单切换效果
May 08 #Javascript
You might like
Discuz 模板语句分析及知识技巧
2009/08/21 PHP
解析PHP工厂模式的好处
2013/06/18 PHP
php防止伪造数据从地址栏URL提交的方法
2014/08/24 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
PHP7如何开启Opcode打造强悍性能详解
2018/05/11 PHP
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
关于include标签导致js路径找不到的问题分析及解决
2013/07/09 Javascript
JS网页播放声音实现代码兼容各种浏览器
2013/09/22 Javascript
ActiveX控件与Javascript之间的交互示例
2014/06/04 Javascript
js获取指定日期周数以及星期几的小例子
2014/06/27 Javascript
JS实现模拟风力的雪花飘落效果
2015/05/13 Javascript
Backbone.js的Hello World程序实例
2015/06/19 Javascript
FullCalendar日历插件应用之数据展现(一)
2015/12/23 Javascript
Node.js实用代码段之获取Buffer对象字节长度
2016/03/17 Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
2017/02/16 Javascript
d3.js入门教程之数据绑定详解
2017/04/28 Javascript
Angular中ng-options下拉数据默认值的设定方法
2017/06/21 Javascript
深入学习nodejs中的async模块的使用方法
2017/07/12 NodeJs
Vue AST源码解析第一篇
2017/07/19 Javascript
JS实现的DOM插入节点操作示例
2018/04/04 Javascript
nodejs的路径问题的解决
2018/06/30 NodeJs
JSON生成Form表单的方法示例
2018/11/21 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
2019/05/16 Javascript
python获取指定目录下所有文件名列表的方法
2015/05/20 Python
浅析python中SQLAlchemy排序的一个坑
2017/02/24 Python
python Matplotlib底图中鼠标滑过显示隐藏内容的实例代码
2019/07/31 Python
python实现飞机大战小游戏
2019/11/08 Python
python的scipy实现插值的示例代码
2019/11/12 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
CSS3只让背景图片旋转180度的实现示例
2021/03/09 HTML / CSS
教师中国梦演讲稿
2014/04/23 职场文书
篝火晚会策划方案
2014/05/16 职场文书
税务职业生涯规划书范文
2014/09/16 职场文书
倡议书格式及范文
2015/04/29 职场文书
祝福语集锦:给百岁老人祝寿贺词
2019/11/19 职场文书
Pandas自定义选项option设置
2021/07/25 Python