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 相关文章推荐
javascript 客户端验证上传图片的大小(兼容IE和火狐)
Aug 15 Javascript
Jquery 自定义动画概述及示例
Mar 29 Javascript
node.js中的fs.appendFile方法使用说明
Dec 17 Javascript
js 获取元素在页面上的偏移量的方法汇总
Apr 13 Javascript
BootStrap 附加导航组件
Jul 22 Javascript
vue模板语法-插值详解
Mar 06 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
Oct 21 Javascript
webpack配置之后端渲染详解
Oct 26 Javascript
Vue集成Iframe页面的方法示例
Dec 12 Javascript
JavaScript简单实现的仿微博留言功能示例
Jan 17 Javascript
在vue中使用jsonp进行跨域请求接口操作
Oct 29 Javascript
动态实现element ui的el-table某列数据不同样式的示例
Jan 22 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代码包装修正版
2008/03/15 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
Javascript的一种模块模式
2008/03/22 Javascript
基于jquery的无缝循环新闻列表插件
2011/03/07 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
2013/10/16 Javascript
angularJS 中$scope方法使用指南
2015/02/09 Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
2016/08/01 Javascript
JS判断是否手机或pad访问实现方法
2016/12/09 Javascript
vue.js 左侧二级菜单显示与隐藏切换的实例代码
2017/05/23 Javascript
JavaScript订单操作小程序完整版
2017/06/23 Javascript
基于Bootstrap的标签页组件及bootstrap-tab使用说明
2017/07/25 Javascript
mui 打开新窗口的方式总结及注意事项
2017/08/20 Javascript
详解React 在服务端渲染的实现
2017/11/16 Javascript
jq.ajax+php+mysql实现关键字模糊查询(示例讲解)
2018/01/02 Javascript
微信小程序实践之动态控制组件的显示/隐藏功能
2018/07/18 Javascript
angularjs使用div模拟textarea文本框的方法
2018/10/02 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
2018/11/15 Javascript
JS Math对象与Math方法实例小结
2019/07/05 Javascript
解决layer.open弹出框不能获取input框的值为空的问题
2019/09/10 Javascript
python strip()函数 介绍
2013/05/24 Python
解析Python中的生成器及其与迭代器的差异
2016/06/20 Python
Python队列的定义与使用方法示例
2017/06/24 Python
Python变量作用域LEGB用法解析
2020/02/04 Python
解决python Jupyter不能导入外部包问题
2020/04/15 Python
selenium学习教程之定位以及切换frame(iframe)
2021/01/04 Python
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
英国领先的运动物理治疗供应公司:Vivomed
2018/07/14 全球购物
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
C#如何判断当前用户是否输入某个域
2015/12/07 面试题
公司清洁工岗位职责
2013/12/14 职场文书
学术会议邀请函范文
2014/01/22 职场文书
群众路线教育实践活动个人对照检查材料思想汇报(社区班子)
2014/10/06 职场文书
停课通知书
2015/04/24 职场文书
党小组意见范文
2015/06/08 职场文书
Win2008系统搭建DHCP服务器
2022/06/25 Servers