本文整理了2019年前端开发中高频使用的JavaScript正则表达式,涵盖手机号、邮箱、身份证、日期、密码强度等常见场景。每个示例均提供完整的代码片段,帮助开发者快速实现数据格式校验与格式化处理,提升前端交互体验。
常用数据格式验证正则
手机号验证
代码如下:
/^1((3[\d])|(4[5,6,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[1-3,5-8])|(9[1,8,9]))\d{8}$/
大写字母验证
代码如下:
/^[A-Z]+$/
日期格式验证,例如:2000-01-01
代码如下:
/^\d{4}(-)\d{1,2}\1\d{1,2}$/
电子邮箱地址验证
代码如下:
/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
国内固定电话验证,例如:0341-86091234
代码如下:
/\d{3}-\d{8}|\d{4}-\d{7}/
身份与账号安全验证
身份证号码验证(支持15位或18位数字),最后一位为校验位,可以是数字或字符X
代码如下:
/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
账号合法性验证(以字母开头,长度5-16字节,允许字母、数字和下划线组合)
代码如下:
/^[a-zA-Z][a-zA-Z0-9_]{4,15}$/
仅包含中文字符
代码如下:
/^[\u4E00-\u9FA5]/
小数格式验证
代码如下:
/^\d+\.\d+$/
电话格式验证(包含手机和座机)
代码如下:
/^((0\d{2,3}-\d{7,8})|(1[345789]\d{9}))$/
8位纯数字验证
代码如下:
/^[0-9]{8}$/
HTML标签验证
代码如下:
/<(.*)>.*<\/\1>|<(.*) \/>/
QQ号码格式验证
代码如下:
/^[1-9]*[1-9][0-9]*$/
由数字和字母组成的字符串验证
代码如下:
/^[A-Za-z0-9]+$/
仅由小写字母组成
代码如下:
/^[a-z]+$/
密码与高级格式校验
密码强度正则(最少6位,需包含至少1个大写字母、1个小写字母、1个数字和1个特殊字符)
代码如下:
/^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/
用户名正则(长度4-16位,允许字母、数字、下划线和减号)
代码如下:
/^[a-zA-Z0-9_-]{4,16}$/
网络与地域信息验证
IPv4地址正则验证
代码如下:
/^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/
16进制颜色值验证
代码如下:
/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/
微信号验证(长度6-20位,以字母开头,允许字母、数字、减号和下划线)
代码如下:
/^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/
中国邮政编码验证
代码如下:
/^(0[1-7]|1[0-356]|2[0-7]|3[0-6]|4[0-7]|5[1-7]|6[1-7]|7[0-5]|8[013-6])\d{4}$/
仅包含中文和数字
代码如下:
/^(([\u4E00-\u9FA5])|(\d))+$/
非字母字符验证
代码如下:
/[^A-Za-z]/
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持本站。