正则表达式验证

最新推荐文章于 2023-02-07 15:28:52 发布

风叶翩翩

最新推荐文章于 2023-02-07 15:28:52 发布

阅读量436

点赞数 1

分类专栏： JavaScript 帮助文档

本文链接：https://blog.csdn.net/weixin_45743799/article/details/102868050

版权

使用正则表达式验证常用信息的输入

需要验证的信息有
1:用户名: 大写字母开头 6-20位字符(不允许有符号但是允许有_)
2:密码大写开头数字字母符号混合 8-15位
3:确认密码大写开头数字字母符号混合 8-15位
4:邮箱邮箱格式
5:手机号手机号格式
6:身份证号身份证号格式
7:地址中文开头数字 - 字母中文混合

分别对应的正则表达式为

1:用户名:

  /^[A-Z]{
   1}[\u4E00-\u9FA5A-Za-z0-9_]{
   5,19}$/

2:密码

  /^[A-Z]{
   1}[a-zA-Z0-9]{
   7,14}$/

3:确认密码

 /^[A-Z]{
   1}[a-zA-Z0-9]{
   7,14}$/

4:邮箱

     /^[a-z0-9]+@[a-z0-9]+.com$/

5:手机号

 /^\d{
   18}|\d{
   17}(X|x)$/

7:地址

   /^[\u4e00-\u9fa5][0-9]+-[a-zA-Z][\u4e00-\u9fa5]$/

看一下效果图

未验证之前
在这里插入图片描述
输入内容点击验证后
（进行相关验证并给出提示）

代码展示

HTML代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<table>
			<tr>
				<td>用户名：</td>
				<td><input type="text" id="userName"/></td>
				<td><span id="use"></span></td>
			</tr>
			<tr>
				<td>密码：</td>
				<td><input type="text"

最低0.47元/天解锁文章

风叶翩翩

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
正则表达式验证

使用正则表达式验证常用信息的输入需要验证的信息有1:用户名: 大写字母开头 6-20位字符(不允许有符号但是允许有_)2:密码大写开头数字字母符号混合 8-15位3:确认密码大写开头数字字母符号混合 8-15位4:邮箱邮箱格式5:手机号手机号格式6:身份证号身份证号格式7:地址中文开头数字 - 字母中文混合分别对应...
复制链接

扫一扫