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 相关文章推荐
js常用函数 不错
Sep 08 Javascript
实现点击列表弹出列表索引的两种方式
Mar 08 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
Aug 02 Javascript
javascript设置金额样式转换保留两位小数示例代码
Dec 04 Javascript
jquery中get,post和ajax方法的使用小结
Feb 04 Javascript
JS实现超精简的链接列表在固定区域内滚动效果代码
Nov 04 Javascript
Angular2内置指令NgFor和NgIf详解
Aug 03 Javascript
javascript实现获取图片大小及图片等比缩放的方法
Nov 24 Javascript
AngularJS执行流程详解
Feb 17 Javascript
windows下vue-cli导入bootstrap样式
Apr 25 Javascript
tween.js缓动补间动画算法示例
Feb 13 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
Jan 03 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
java模拟PHP的pack和unpack类
2016/04/13 PHP
PHP调用接口用post方法传送json数据的实例
2018/05/31 PHP
Js之软键盘实现(js源码)
2007/01/30 Javascript
扩展jquery实现客户端表格的分页、排序功能代码
2011/03/16 Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
2011/10/01 Javascript
javascript设置页面背景色及背景图片的方法
2015/12/29 Javascript
ClearTimeout消除闪动实例代码
2016/02/29 Javascript
AngularJS延迟加载html template
2016/07/27 Javascript
完美实现js选项卡切换效果(二)
2017/03/08 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
2017/09/19 Javascript
微信小程序template模板实例详解
2017/10/27 Javascript
开发Vue树形组件的示例代码
2017/12/21 Javascript
webpack.DefinePlugin与cross-env区别详解
2020/02/23 Javascript
详解 javascript对象创建模式
2020/10/30 Javascript
[03:37]2015国际邀请赛第四日现场精彩集锦
2015/08/08 DOTA
浅析python继承与多重继承
2018/09/13 Python
python3 实现对图片进行局部切割的方法
2018/12/05 Python
pyqt 实现QlineEdit 输入密码显示成圆点的方法
2019/06/24 Python
python 环境搭建 及python-3.4.4的下载和安装过程
2019/07/20 Python
Python turtle绘画象棋棋盘
2019/08/21 Python
基于TensorFlow中自定义梯度的2种方式
2020/02/04 Python
python绘制玫瑰的实现代码
2020/03/02 Python
Python Pandas数据分析工具用法实例
2020/11/05 Python
CSS的pointer-events属性详细介绍(作用和注意事项)
2014/04/23 HTML / CSS
印度最大的酒店品牌网络:OYO Rooms
2016/07/24 全球购物
怀旧收藏品和经典纪念品:Betty’s Attic
2018/08/29 全球购物
军训 自我鉴定
2014/02/03 职场文书
会务接待方案
2014/02/27 职场文书
理财投资建议书
2014/03/12 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
安全责任书范本
2014/04/15 职场文书
2014银行授权委托书样本
2014/10/04 职场文书
中班上学期个人总结
2015/02/12 职场文书
利用Apache Common将java对象池化的问题
2022/06/16 Servers
Nginx代理Redis哨兵主从配置的实现
2022/07/15 Servers
Spring boot实现上传文件到本地服务器
2022/08/14 Java/Android