#私藏项目实操分享# 【React工作记录十八】常见的正则校验

简介: #私藏项目实操分享# 【React工作记录十八】常见的正则校验

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

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

image.png

代码部分

//  手机号
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,
};


总结

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

               

相关文章
|
5月前
|
前端开发
React中Props的详细使用和props的校验
React中Props的详细使用和props的校验
|
1月前
|
前端开发 JavaScript
React配合axios请求拦截校验session,403跳转至登陆页面
React中使用axios进行请求拦截,通过自定义事件监听和响应拦截实现403状态码时的自动登录页面跳转。
42 2
|
1月前
|
前端开发 数据安全/隐私保护
react antd 实现修改密码(原密码,新密码,再次输入新密码,新密码增加正则复杂度校验)
文章介绍了如何在React项目中使用Ant Design实现一个修改密码的组件,包括原密码、新密码和再次输入新密码的表单项,并为新密码增加了正则表达式复杂度校验。
41 0
react antd 实现修改密码(原密码,新密码,再次输入新密码,新密码增加正则复杂度校验)
|
资源调度 前端开发
React 校验库 prop-types 安装与详细使用
React 校验库 prop-types 安装与详细使用
161 0
|
前端开发
#yyds干货盘点 【React工作记录十九】IE校验问题
#yyds干货盘点 【React工作记录十九】IE校验问题
73 0
|
前端开发
#yyds干货盘点 【React工作记录十八】常见的正则校验
#yyds干货盘点 【React工作记录十八】常见的正则校验
137 0
|
前端开发
react 关闭 eslint代码校验
react 关闭 eslint代码校验
|
前端开发
react中父子组件传值详解,如何进行传值校验(父传子,子组件改变父组件的值)
本篇主要给大家介绍react中父子组件传值详解,如何进行传值校验
628 0
|
前端开发
React工作63:ant design 锚点
React工作63:ant design 锚点
446 0
|
12天前
|
前端开发 JavaScript 开发者
深入理解React Hooks:提升前端开发效率的关键
【10月更文挑战第5天】深入理解React Hooks:提升前端开发效率的关键