#yyds干货盘点 【React工作记录十八】常见的正则校验

简介: #yyds干货盘点 【React工作记录十八】常见的正则校验

导语

歌谣 歌谣 这部分邮箱 电话号码等需要加个校验 你快操作操作




编辑


代码部分

//  手机号
const isPhone = /^1[3-9]\d{9}$/;
// const isPhone = /(\d{3}-|\d{4}-)?(\d{8}|\d{7})?/;
// 邮箱
const isEmail = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
// 密码格式
const isPassword = /^[\w~`!@#$%^&*()-+=|\\<>,.?/\[\]{}:;'"]{6,16}$/;
// 身份证
const isIdentity = /^(([1][1-5])|([2][1-3])|([3][1-7])|([4][1-6])|([5][0-4])|
([6][1-5])|([7][1])|([8][1-2]))\d{4}(([1][9]\d{2})|([2]\d{3}))(([0][1-9])
|([1][0-2]))(([0][1-9])|([1-2][0-9])|([3][0-1]))\d{3}[0-9xX]$/;
//港澳
const isHKCard = /^[CW]\d{8}$/;
//台
const isTWCard = '';
// 护照
const isPassPortCard = '';
// 特殊字符
const specialcharactersReg = /^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]+$/;
export {
  isPhone,
  isEmail,
  isPassword,
  isIdentity,
  isHKCard,
  isPassPortCard,
  isTWCard,
  specialcharactersReg,
};

总结

代码部分对对应的规则做好了正则匹配 然后导出 这样在引入的地方导入 这样就可以使用了

相关文章
|
9月前
|
资源调度 前端开发
React 校验库 prop-types 安装与详细使用
React 校验库 prop-types 安装与详细使用
101 0
|
前端开发
#yyds干货盘点 【React工作记录十九】IE校验问题
#yyds干货盘点 【React工作记录十九】IE校验问题
55 0
|
前端开发
react 关闭 eslint代码校验
react 关闭 eslint代码校验
|
前端开发
react中父子组件传值详解,如何进行传值校验(父传子,子组件改变父组件的值)
本篇主要给大家介绍react中父子组件传值详解,如何进行传值校验
558 0
|
前端开发
#私藏项目实操分享# 【React工作记录十九】IE校验问题
#私藏项目实操分享# 【React工作记录十九】IE校验问题
49 0
#私藏项目实操分享# 【React工作记录十九】IE校验问题
|
前端开发
#私藏项目实操分享# 【React工作记录十八】常见的正则校验
#私藏项目实操分享# 【React工作记录十八】常见的正则校验
85 0
#私藏项目实操分享# 【React工作记录十八】常见的正则校验
|
前端开发 API
React 开发登录权限校验
在前端开发的过程中,使用 React 开发的时候,不可避免的需要牵涉到登录校验,访问某些接口或者页面的时候,如果没有登录则自动跳转到登录界面。
682 0
|
4月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
126 0
|
4月前
|
存储 前端开发 JavaScript
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
34 0
|
4月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
45 0