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 迁移目录
Dec 18 Javascript
javascript 获取模态窗口的滚动位置代码
Aug 06 Javascript
将input file的选择的文件清空的两种解决方案
Oct 21 Javascript
20个实用的JavaScript技巧分享
Nov 28 Javascript
javascript面向对象程序设计(一)
Jan 29 Javascript
js实现点击图片改变页面背景图的方法
Feb 28 Javascript
JavaScript中的lastIndexOf()方法使用详解
Jun 06 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
Jun 08 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
Jun 17 Javascript
javascript判断firebug是否开启的方法
Nov 23 Javascript
JS字符串常用操作方法实例小结
Jun 24 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
Nov 10 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 Opcache安装和配置方法介绍
2015/05/28 PHP
详解WordPress开发中过滤属性以及Sql语句的函数使用
2015/12/25 PHP
PHP程序员学习使用Swoole的理由
2018/06/24 PHP
javascript 处理事件绑定的一些兼容写法
2009/12/24 Javascript
DOM_window对象属性之--clipboardData对象操作代码
2011/02/03 Javascript
js获取input标签的输入值实现代码
2013/08/05 Javascript
全面理解面向对象的 JavaScript(来自ibm)
2013/11/10 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
2013/11/30 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
小议JavaScript中Generator和Iterator的使用
2015/07/29 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
2016/09/04 Javascript
BootStrap Validator使用注意事项(必看篇)
2016/09/28 Javascript
js选项卡的制作方法
2017/01/23 Javascript
利用express启动一个server服务的方法
2017/09/17 Javascript
利用jquery如何从json中读取数据追加到html中
2017/12/01 jQuery
Vue 拦截器对token过期处理方法
2018/01/23 Javascript
vue.js实现带日期星期的数字时钟功能示例
2018/08/28 Javascript
[11:01]2014DOTA2西雅图邀请赛 冷冷带你探秘威斯汀
2014/07/08 DOTA
[44:40]2018DOTA2亚洲邀请赛3月30日 小组赛A组Liquid VS OG
2018/03/31 DOTA
Python中循环引用(import)失败的解决方法
2018/04/22 Python
Django错误:TypeError at / 'bool' object is not callable解决
2019/08/16 Python
利用Tensorflow构建和训练自己的CNN来做简单的验证码识别方式
2020/01/20 Python
基于Python的Jenkins的二次开发操作
2020/05/12 Python
在阿联酋购买翻新手机和平板电脑:Teckzu
2021/02/12 全球购物
车辆维修工自我评价怎么写
2013/09/20 职场文书
市场开发计划书
2014/05/07 职场文书
庆祝三八妇女节标语
2014/10/09 职场文书
培训师岗位职责
2015/02/14 职场文书
大学毕业生自我评价
2015/03/02 职场文书
博士给导师的自荐信
2015/03/06 职场文书
2015年设计师个人工作总结
2015/04/25 职场文书
《中国古代诗歌散文欣赏》高中语文教材
2019/08/20 职场文书
基于Redis位图实现用户签到功能
2021/05/08 Redis
JavaScript实现简单拖拽效果
2021/09/15 Javascript
mysql5.7的安装及Navicate长久免费使用的实现过程
2021/11/17 MySQL