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 相关文章推荐
音乐播放用的的几个函数
Sep 07 Javascript
javascript document.execCommand() 常用解析
Dec 14 Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
Aug 01 Javascript
JavaScript创建对象的写法
Aug 29 Javascript
JS不间断向上滚动效果代码
Dec 25 Javascript
JQuery页面地址处理插件jqURL详解
May 03 Javascript
jquery实现多条件筛选特效代码分享
Aug 28 Javascript
浅析$(function) ready和onload 的区别
Sep 03 Javascript
xmlplus组件设计系列之下拉刷新(PullRefresh)(6)
May 03 Javascript
element-ui循环显示radio控件信息的方法
Aug 24 Javascript
微信小程序制作表格的方法
Feb 14 Javascript
Vue绑定用户接口实现代码示例
Nov 04 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
WIN98下Apache1.3.14+PHP4.0.4的安装
2006/10/09 PHP
PHP实现根据浏览器跳转不同语言页面代码
2013/08/02 PHP
PHP微信公众号自动发送红包API
2016/06/01 PHP
PHP实现留言板功能的详细代码
2017/03/25 PHP
Yii框架小部件(Widgets)用法实例详解
2020/05/15 PHP
php中array_fill函数的实例用法
2021/03/02 PHP
客户端 使用XML DOM加载json数据的方法
2010/09/28 Javascript
JavaScript学习笔记之数组随机排序
2016/03/23 Javascript
使用jQuery UI库开发Web界面的简单入门指引
2016/04/22 Javascript
jQuery实现的选择商品飞入文本框动画效果完整实例
2016/08/10 Javascript
EditPlus中的正则表达式 实战(2)
2016/12/15 Javascript
jQuery简易时光轴实现方法示例
2017/03/13 Javascript
微信、QQ、微博、Safari中使用js唤起App
2018/01/24 Javascript
JavaScript将数组转换为链表的方法
2020/02/16 Javascript
vue框架中props的typescript用法详解
2020/02/17 Javascript
JS Web Flex弹性盒子模型代码实例
2020/03/10 Javascript
Nodejs实现WebSocket代码实例
2020/05/19 NodeJs
Python中对元组和列表按条件进行排序的方法示例
2015/11/10 Python
Python实现通过文件路径获取文件hash值的方法
2017/04/29 Python
Python PyQt5标准对话框用法示例
2017/08/23 Python
python 对多个csv文件分别进行处理的方法
2019/01/07 Python
浅谈python图片处理Image和skimage的区别
2019/08/04 Python
python、PyTorch图像读取与numpy转换实例
2020/01/13 Python
使用HTML5技术开发一个属于自己的超酷颜色选择器
2013/09/22 HTML / CSS
如何使用canvas绘制可移动网格的示例代码
2020/12/14 HTML / CSS
全球知名旅游社区法国站点:TripAdvisor法国
2016/08/03 全球购物
英国电气世界:Electrical World
2019/09/08 全球购物
C#面试常见问题
2013/02/25 面试题
社会实践心得体会
2014/01/03 职场文书
团购业务员岗位职责
2014/03/15 职场文书
弘扬职业精神演讲稿
2014/03/20 职场文书
副科级后备干部考察材料
2014/05/15 职场文书
小学生安全责任书
2014/07/25 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
中学音乐课教学反思
2016/02/18 职场文书
JDK8中String的intern()方法实例详细解读
2022/09/23 Java/Android