# GraduationProject

**Repository Path**: damianadam/GraduationProject

## Basic Information

- **Project Name**: GraduationProject
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-15
- **Last Updated**: 2021-09-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 书城项目

## 工具与环境

### 开发环境

- JDK 1.8
- MySQL 5.5.15

### 使用工具

- 代码开发工具：IntelliJ IDEA 2021.2.1
- 数据库管理工具：SQLyog v10.00 Beta1
- 在线图片取色器工具：http://tools.jb51.net/color/get_color

## 阶段一：注册表单验证

- 注册页面：JHCOnlineBookstore/pages/user/regist.html

- 需求说明：在注册表单向后台服务器提交数据之前，需要先验证各表单项填写的合法性，如果具有非法项，提交请求将不予通过，并给予用户提示。

![01](readme-img/01.png)

- 这向功能这里考虑使用 jQuery 实现，jQuery 文件路径：JHCOnlineBookstore/static/script/jquery-1.7.2.js
- 因此，需要先在 regist.html 的 head 标签对内导入 jquery-1.7.2.js 文件。

```html
<script type="text/javascript" src="../../static/script/jquery-1.7.2.js"></script>
```

- 接着，我们就可以在 script 标签中实现对各个表单项的验证。

```javascript
<script type="text/javascript">
	// 页面加载完成之后。
	$(function () {
		// 给注册按钮绑定单击事件。
		$("#sub_btn").click(function () {
			// 验证用户名，必须由数字、字母、下划线组成，并且长度为5到12位。
			// 获取用户名输入框中的内容。
			var usernameText = $("#username").val();
			// 创建正则表达式对象。
			var usernamePatt = /^\w{5,12}$/;
			// 使用test()方法验证用户名是否符合正则。
			if (!usernamePatt.test(usernameText)) {
				$("span.errorMsg").text("用户名不合法！");
				return false;
			}

			// 验证密码，必须由数字、字母、下划线组成，并且长度为5到12位。
			// 获取密码输入框中的内容。
			var passwordText = $("#password").val();
			// 创建正则表达式对象。
			var passwordPatt = /^\w{5,12}$/;
			// 使用test()方法验证密码是否符合正则。
			if (!passwordPatt.test(passwordText)) {
				$("span.errorMsg").text("密码不合法！");
				return false;
			}

			// 验证确认密码，必须与密码相同。
			if (!($("#password").val() === $("#repwd").val())) {
				$("span.errorMsg").text("两次密码不一致！");
				return false;
			}

			// 验证电子邮箱
			// 获取邮箱输入框中的内容。
			var emailText = $("#email").val();
			// 创建正则表达式对象。
			var emailPatt = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
			// 使用test()方法验证邮箱是否符合正则。
			if (!emailPatt.test(emailText)) {
				$("span.errorMsg").text("邮箱不合法！");
				return false;
			}

			// 验证码，只需要验证用户已输入内容即可。
			var codeText = $.trim($("#code").val());
			if (codeText == null || codeText == "") {
				$("span.errorMsg").text("验证码不能为空！");
				return false;
			}

			// 当所有表单项都通过验证时，错误消息应该清空。
			$("span.errorMsg").text("");
		});
	});
</script>
```

- 阿萨德