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中(function(){})()执行顺序的理解
Mar 05 Javascript
原生Js页面滚动延迟加载图片实现原理及过程
Jun 24 Javascript
jQuery动画效果-slideUp slideDown上下滑动示例代码
Aug 28 Javascript
setTimeout和setInterval的深入理解
Nov 08 Javascript
js设置组合快捷键/tabindex功能的方法
Nov 21 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
Dec 04 Javascript
JavaScript中按位“异或”运算符使用介绍
Mar 14 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
May 23 Javascript
浅谈javascript中call()、apply()、bind()的用法
Apr 20 Javascript
Vue.js实现模拟微信朋友圈开发demo
Apr 20 Javascript
使用Webpack提升Vue.js应用程序的4种方法(翻译)
Oct 09 Javascript
微信小程序实现多张图片上传功能
Nov 18 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
Memcache 在PHP中的使用技巧
2010/02/08 PHP
ThinkPHP框架设计及扩展详解
2014/11/25 PHP
PHP命名空间与自动加载类详解
2018/09/04 PHP
JQuery 获取和设置Select选项的代码
2010/02/07 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
你必须知道的Javascript知识点之"this指针"的应用
2013/04/23 Javascript
js动态添加事件并可传参数示例代码
2013/10/21 Javascript
js数组方法扩展实现数组统计函数
2014/04/09 Javascript
jquery浏览器滚动加载技术实现方案
2014/06/03 Javascript
好好了解一下Cookie(强烈推荐)
2016/06/14 Javascript
浅谈jquery高级方法描述与应用
2016/10/04 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
2016/10/08 Javascript
jquery插件开发之选项卡制作详解
2017/08/30 jQuery
AjaxUpLoad.js实现文件上传
2018/03/05 Javascript
webpack打包js的方法
2018/03/12 Javascript
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
2018/04/13 Javascript
react配合antd组件实现的管理系统示例代码
2018/04/24 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
2018/11/28 Javascript
关于vue路由缓存清除在main.js中的设置
2019/11/06 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
2019/12/10 Javascript
easyUI 实现的后台分页与前台显示功能示例
2020/06/01 Javascript
对Python3.6 IDLE常用快捷键介绍
2018/07/16 Python
python实现两张图片的像素融合
2019/02/23 Python
Ranorex通过Python将报告发送到邮箱的方法
2020/01/12 Python
Python实现将元组中的元素作为参数传入函数的操作
2020/06/05 Python
Pycharm 跳转回之前所在页面的操作
2021/02/05 Python
css3使用animation属性实现炫酷效果(推荐)
2020/02/04 HTML / CSS
使用phonegap操作数据库的实现方法
2017/03/31 HTML / CSS
在对linux系统分区进行格式化时需要对磁盘簇(或i节点密度)的大小进行选择,请说明选择的原则
2012/01/13 面试题
如何进行Linux分区优化
2016/09/13 面试题
学雷锋演讲稿
2014/03/04 职场文书
爱国演讲稿400字
2014/05/07 职场文书
助残日活动总结
2014/08/27 职场文书
学校师德师风整改方案
2014/10/28 职场文书
Nginx部署vue项目和配置代理的问题解析
2021/08/04 Servers
Python使用Opencv打开笔记本电脑摄像头报错解问题及解决
2022/06/21 Python