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字符编码函数区别分析
Jun 05 Javascript
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
Dec 21 Javascript
JS中的二叉树遍历详解
Mar 18 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
Jul 05 Javascript
jquery实现文本框的禁用和启用
Dec 07 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
Apr 19 Javascript
BootStrap表单时间选择器详解
May 09 Javascript
jQuery实现用户信息表格的添加和删除功能
Sep 12 jQuery
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
Jul 24 Javascript
微信jssdk逻辑在vue中的运用详解
Nov 14 Javascript
vue.js引入外部CSS样式和外部JS文件的方法
Jan 06 Javascript
通过实例解析chrome如何在mac环境中安装vue-devtools插件
Jul 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面向对象法则
2012/02/23 PHP
PHP stripos()函数及注意事项的分析
2013/06/08 PHP
php 删除cookie方法详解
2014/12/01 PHP
PHP根据图片色界在不同位置加水印的方法
2015/07/01 PHP
javascript jQuery $.post $.ajax用法
2008/07/09 Javascript
ExtJS Ext.MessageBox.alert()弹出对话框详解
2010/04/02 Javascript
json对象转字符串如何实现
2012/12/02 Javascript
JS动态增加删除UL节点LI及相关内容示例
2014/05/21 Javascript
用jquery实现动画跳到顶部和底部(这个比较简单)
2014/09/01 Javascript
JS通过ajax动态读取xml文件内容的方法
2015/03/24 Javascript
JavaScript常用函数工具集:lao-utils
2016/03/01 Javascript
浅析JavaScript Array和string的转换(推荐)
2016/05/20 Javascript
xcode中获取js文件的路径方法(推荐)
2016/11/05 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/25 Javascript
Angularjs2不同组件间的通信实例代码
2017/05/06 Javascript
前端页面文件拖拽上传模块js代码示例
2017/05/19 Javascript
微信小程序利用co处理异步流程的方法教程
2017/05/20 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
使用JavaScript解析URL的方法示例
2019/03/01 Javascript
教你用 Python 实现微信跳一跳(Mac+iOS版)
2018/01/04 Python
python全栈要学什么 python全栈学习路线
2019/06/28 Python
Python测试模块doctest使用解析
2019/08/10 Python
python实现指定ip端口扫描方式
2019/12/17 Python
Selenium自动化测试工具使用方法汇总
2020/06/12 Python
网页切图的CSS和布局经验与要点
2015/04/09 HTML / CSS
html5使用Canvas绘图的使用方法
2017/11/21 HTML / CSS
护士试用期自我鉴定
2014/02/08 职场文书
小学毕业典礼主持词
2014/03/27 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
初中作文评语大全
2014/04/23 职场文书
党员群众路线承诺书
2014/05/20 职场文书
陈胜吴广起义口号
2014/06/20 职场文书
研究生简历自我评
2015/03/11 职场文书
关爱留守儿童主题班会
2015/08/13 职场文书
解决python3安装pandas出错的问题
2021/05/20 Python
关于maven依赖 ${xxx.version}报错问题
2022/01/18 Java/Android