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 模式对话框终极版实现代码
Sep 28 Javascript
firefox火狐浏览器与与ie兼容的2个问题总结
Jul 20 Javascript
清除div下面的所有标签的方法
Feb 17 Javascript
jquery ajaxSubmit 异步提交的简单实现
Feb 28 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
Dec 04 Javascript
如何实现JavaScript动态加载CSS和JS文件
Dec 28 Javascript
jQueryUI中的datepicker使用方法详解
May 25 Javascript
了解ESlint和其相关操作小结
May 21 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
Apr 20 Javascript
layUI实现列表查询功能
Jul 27 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
Aug 28 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
Oct 09 Javascript
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
PHP print类函数使用总结
2010/06/25 PHP
解析百度搜索结果link?url=参数分析 (全)
2012/10/09 PHP
php中is_null,empty,isset,unset 的区别详细介绍
2013/04/28 PHP
php调用c接口无错版介绍
2014/03/11 PHP
php使用pdo连接报错Connection failed SQLSTATE的解决方法
2014/12/15 PHP
PHP制作万年历
2015/01/07 PHP
PHP链表操作简单示例
2016/10/15 PHP
php 可变函数使用小结
2018/06/12 PHP
javascript css在IE和Firefox中区别分析
2009/02/18 Javascript
Node.js中使用计时器定时执行函数详解
2014/08/15 Javascript
使用Javascript简单实现图片无缝滚动
2014/12/05 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
2014/12/08 Javascript
JS+CSS实现可以凹陷显示选中单元格的方法
2015/03/02 Javascript
javascript实现了照片拖拽点击置顶的照片墙代码
2015/04/03 Javascript
JavaScript实现的伸展收缩型菜单代码
2015/10/14 Javascript
javascript实现Email邮件显示与删除功能
2015/11/21 Javascript
Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态
2015/11/26 Javascript
ng2学习笔记之bootstrap中的component使用教程
2017/03/09 Javascript
原生JS改变透明度实现轮播效果
2017/03/24 Javascript
Angular动态添加、删除输入框并计算值实例代码
2017/03/29 Javascript
从对象列表中获取一个对象的方法,依据关键字和值
2017/09/20 Javascript
vuejs实现标签选项卡动态更改css样式的方法
2018/05/31 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
2020/11/17 Vue.js
[47:45]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第一场 2月26日
2021/03/11 DOTA
Python编码时应该注意的几个情况
2013/03/04 Python
Python实现的几个常用排序算法实例
2014/06/16 Python
Python编程实现tail-n查看日志文件的方法
2019/07/08 Python
python面向对象 反射原理解析
2019/08/12 Python
Django在Model保存前记录日志实例
2020/05/14 Python
基于django和dropzone.js实现上传文件
2020/11/24 Python
python regex库实例用法总结
2021/01/03 Python
pycharm配置QtDesigner的超详细方法
2021/01/25 Python
计算机专业求职信
2014/06/02 职场文书
警示教育观后感
2015/06/17 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书
go语言map与string的相互转换的实现
2021/04/07 Golang