如何添加判断账号为手机号且为11位数；密码且为6位数；且有姓名；和选择男女；和上传图片（如有错误请指点）

IKUNzhenin

已于 2023-11-06 09:25:44 修改

阅读量117

点赞数

分类专栏： js练手功能 js理论知识点 js中的功能的特性文章标签： mysql 数据库

于 2023-10-28 13:49:55 首次发布

本文链接：https://blog.csdn.net/IKUNzhenin/article/details/134090303

版权

js中的功能的特性同时被 3 个专栏收录

63 篇文章 0 订阅

订阅专栏

js练手功能

59 篇文章 0 订阅

订阅专栏

js理论知识点

36 篇文章 0 订阅

订阅专栏

可以在函数 `register()` 内添加一段代码来判断输入的用户信息是否符合要求，可以使用正则表达式进行判断。

例如，可以添加以下代码：

这段代码在 `register()` 函数开头，使用正则表达式来验证手机号和密码是否符合要求。如果不符合要求，直接返回，并显示相应的错误信息。然后判断姓名、性别和是否上传了图片，如果不符合要求，也直接返回，并显示相应的错误信息。

```javascript
const telRegex = /^1\d{10}$/; // 手机号正则表达式，匹配以 1 开头的 11 位数字
const passRegex = /^\d{6}$/; // 密码正则表达式，匹配 6 位数字
const name = $('#namex').val();
const gender = $('input[name="ss"]:checked').val(); // 获取选中的性别

if (!telRegex.test($('#name').val())) {
  $('#alert').text("请输入正确的手机号");
  $('#alert').slideToggle(200);
  return; // 如果手机号不符合要求，直接返回，不执行后续代码
}

if (!passRegex.test($('#password').val())) {
  $('#alert').text("密码必须是6位数字");
  $('#alert').slideToggle(200);
  return; // 如果密码不符合要求，直接返回，不执行后续代码
}

if (!name) {
  $('#alert').text("请输入姓名");
  $('#alert').slideToggle(200);
  return; // 如果姓名为空，直接返回，不执行后续代码
}

if (!gender) {
  $('#alert').text("请选择性别");
  $('#alert').slideToggle(200);
  return; // 如果没有选择性别，直接返回，不执行后续代码
}

if (!$('#imgs').val()) {
  $('#alert').text("请选择上传图片");
  $('#alert').slideToggle(200);
  return; // 如果没有上传图片，直接返回，不执行后续代码
}
```

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>注册</title>
		<script src="./js/jquery-3.7.0.js"></script>
		<link rel="stylesheet" href="./css/item.css" />
	</head>
	<body>
		<!-- 顶部图片 -->
		<div>
			<img src="./img/10001 - 副本.png" alt="" />
		</div>
		<!-- 登录及注册 -->
		<div class="head">
			<div class="head-left">
				<div>登录</div>
			</div>
			<div class="head-right">
				<div>注册</div>
			</div>
		</div>
		<!-- 账号及密码 -->
		<div class="acc">
			<div>请输入账号：</div>
		</div>
		<!-- 账号输入框 -->
		<div class="name">
			<input type="text" id="name" />
		</div>
		<!-- 密码输入框 -->
		<div class="add">
			<div>请输入密码：</div>
		</div>
		<!-- 密码输入框 -->
		<div class="code">
			<input type="password" id="password" />
		</div>
		<!-- 请输入姓名 -->
		<div class="names">
			<div>请输入姓名：</div>
			<input type="text" id="namex" />
		</div>
		<!-- 请选择性别 -->
		<div class="gender" id="gender">
			<div class="gan-left">
				<div>请选择性别：</div>
			</div>
			<input type="radio" name="ss" value="0"/>
			<span>男</span>
			<input type="radio" name="ss" value="1"/>
			<span>女</span>
			<input type="radio" name="ss" value="2"/>
			<span>保密</span>
		</div>
		<!-- 选择图片 -->
		<div class="print">
			<div>请选择图片：</div>
			<form id="form">
				<label>
					<img src="./img/10016.jpg" alt="" id="imgs" />
					<input type="file" id="file" name="file" onchange="fileImg()" style="display: none;">
				</label>

			</form>

		</div>
		<!-- 注册 -->
		<div class="footer">
			<div class="footer-f" onclick="register()">
				<div>注册</div>
			</div>
		</div>
		<div id="alert">
			
		</div>
		<script src="./js/item.js"></script>
	</body>
</html>

IKUNzhenin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何添加判断账号为手机号且为11位数；密码且为6位数；且有姓名；和选择男女；和上传图片（如有错误请指点）

这段代码在 `register()` 函数开头，使用正则表达式来验证手机号和密码是否符合要求。如果不符合要求，直接返回，并显示相应的错误信息。然后判断姓名、性别和是否上传了图片，如果不符合要求，也直接返回，并显示相应的错误信息。可以在函数 `register()` 内添加一段代码来判断输入的用户信息是否符合要求，可以使用正则表达式进行判断。
复制链接

扫一扫

专栏目录