请为电子相册网站增加注册功能,要求如下: 1. 界面填写的表单要有用户名和两次密码输入框,一个同意政策的勾选框。 2. 校验的要求: a) 用户名长度在6-16个字符,只能是英文字母、数字或下划线,数字不能开头 b) 用户名不能重复,要有Ajax的校验 c) 密码长度在6-54个字符 d) 两次输入的密码要一致 e) 不勾选同意政策不能注册 3. 校验通过的合法请求,将数据写入t_user表即为注册完成
时间: 2023-06-24 11:04:33 浏览: 170
好的,为电子相册网站增加注册功能的过程如下:
1. 在前端页面中添加一个表单,包括用户名输入框、两个密码输入框和同意政策的勾选框。表单提交时,将数据发送到后端进行处理。
2. 在后端进行校验,对于每个校验失败的情况,返回相应的错误信息给前端。
a) 用户名长度在6-16个字符,只能是英文字母、数字或下划线,数字不能开头;
b) 用户名不能重复,要有Ajax的校验;
c) 密码长度在6-54个字符;
d) 两次输入的密码要一致;
e) 不勾选同意政策不能注册。
3. 如果校验通过,将用户信息写入后端数据库中的t_user表,注册完成。
下面是实现代码的伪代码示例:
前端代码:
```
<form id="register-form">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required minlength="6" maxlength="16" pattern="[a-zA-Z_][a-zA-Z0-9_]*">
<br>
<label for="password1">密码:</label>
<input type="password" id="password1" name="password1" required minlength="6" maxlength="54">
<br>
<label for="password2">确认密码:</label>
<input type="password" id="password2" name="password2" required minlength="6" maxlength="54">
<br>
<input type="checkbox" id="agree" name="agree" required>
<label for="agree">同意政策</label>
<br>
<button type="submit">注册</button>
</form>
```
后端代码:
```
// 获取前端提交的数据
$username = $_POST['username'];
$password1 = $_POST['password1'];
$password2 = $_POST['password2'];
$agree = $_POST['agree'];
// 校验用户名格式
if (!preg_match('/^[a-zA-Z_][a-zA-Z0-9_]{5,15}$/', $username)) {
// 返回错误信息给前端
die('用户名格式不正确');
}
// 校验用户名是否已存在
$sql = "SELECT COUNT(*) FROM t_user WHERE username = '$username'";
$result = $db->query($sql);
$count = $result->fetchColumn();
if ($count > 0) {
// 返回错误信息给前端
die('用户名已存在');
}
// 校验密码是否一致
if ($password1 != $password2) {
// 返回错误信息给前端
die('两次输入的密码不一致');
}
// 校验是否勾选同意政策
if (!$agree) {
// 返回错误信息给前端
die('请同意政策');
}
// 将用户信息写入数据库
$sql = "INSERT INTO t_user (username, password) VALUES ('$username', '$password1')";
$db->exec($sql);
// 返回成功信息给前端
echo '注册成功';
```
阅读全文