邮箱: 密码: 确认密码: 注册 ``` ```j多媒体ascript // 获取元素 const form = document.getElementById("registration-form"); const submitBtn = document.getElementById("submit-btn"); // 添加提交事件监听器 form.addEventListener("submit", async (e) => { e.preventDefault(); // 验证表单 if (!validateForm()) return; // 禁止按钮并显示加载状态 submitBtn.disabled = true; submitBtn.innerHTML = "Loading..."; // 获取表单数据 const formData = new FormData(form); const data = Object.fromEntries(formData); try { // 发送注册请求 const response = await fetch("/register", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(data), }); const result = await response.json(); // 处理响应 if (result.success) { // 注册成功 alert("注册成功！"); // 重定向到登录页面 window.location.href = "/login"; } else { // 注册失败 alert(result.error); } } catch (error) { // 处理错误 alert("注册失败！请重试。"); console.error(error); } finally { // 启用按钮并还原按钮文本 submitBtn.disabled = false; submitBtn.innerHTML = "注册"; } }); // 表单验证函数 function validateForm() { // 获取表单数据 const formData = new FormData(form); const data = Object.fromEntries(formData); // 验证用户名 if (!data.username || data.username.length alert("用户名长度必须大于5！"); return false; } // 验证邮箱 if (!data.email || !validateEmail(data.email)) { alert("请输入有效的邮箱！"); return false; } // 验证密码 if (!data.password || data.password.length alert("密码长度必须大于8！"); return false; } // 验证确认密码 if (data.password !== data.confirm_password) { alert("两次输入的密码不一致！"); return false; } return true; } // 邮箱验证函数 function validateEmail(email) { const re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+))|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(email); } ``` 服务器端代码（Node.js） ```j多媒体ascript const express = require("express"); const bcrypt = require("bcrypt"); const app = express(); app.use(express.json()); // 注册路由 app.post("/register", async (req, res) => { const { username, email, password } = req.body; // 验证输入 if (!username || !email || !password) { return res.status(400).json({ error: "Missing required fields" }); } // 检查用户是否存在 const existingUser = await User.findOne({ username }); if (existingUser) { return res.status(400).json({ error: "Username already exists" }); } // 哈希密码 const hashedPassword = await bcrypt.hash(password, 10); // 创建新用户 const user = new User({ username, email, password: hashedPassword, }); try { await user.s多媒体e(); res.status(201).json({ success: true }); } catch (error) { console.error(error); res.status(500).json({ error: "Error creating user" }); } }); ```

男人电影app下载——开启一场视觉盛宴 各位男士们，你们还在为找不到优质的电影资源而烦恼吗？还在为找不到志同道合的影迷而苦恼吗？今天，小编就为大家带来一款专属于男人的电影app——男人电影app。这个app汇集了全球最精彩的电影资源，从好莱坞大片到独立电影，从经典老片到最新上映影片，应有尽有。同时，这个app还提供了一个交流平台，让大家可以在这里分享观影心得，结交志同道合的影迷。还在等什么呢？赶紧下载男人电影app，开启一场属于你的视觉盛宴吧！ 独家资源，应有尽有 男人电影app的最大亮点就是拥有独家资源。这里汇集了全球最精彩的电影资源，包括好莱坞大片、独立电影、经典老片和最新上映影片。无论你喜欢哪种类型的电影，你都能在这里找到自己喜欢的影片。同时，这个app还提供了一个强大的搜索功能，让大家可以快速找到自己想看的电影。此外，这个app还支持离线观看，让你可以随时随地享受电影的乐趣。 交流平台，结交影迷 男人电影app不仅是一个观影平台，更是一个交流平台。在这里，大家可以分享观影心得，结交志同道合的影迷。这个app提供了一个论坛，大家可以在这里发表自己的观影评论，也可以在这里与其他影迷讨论电影相关的各种话题。同时，这个app还提供了一个私信功能，让大家可以与其他影迷私下交流。通过这个app，你不仅可以找到自己喜欢的电影，还可以结交志同道合的影迷，一起分享电影的乐趣。 操作简单，界面友好 男人电影app的操作非常简单，界面也非常友好。这个app采用了简洁的设计风格，没有任何多余的元素，让大家可以轻松找到自己想看的电影。同时，这个app还提供了详细的教程，让大家可以快速学会如何使用这个app。此外，这个app还支持多种语言，让全球各地的用户都可以轻松使用。 男人电影app是一款专属于男人的电影app，这里汇集了全球最精彩的电影资源，提供了一个交流平台，让大家可以分享观影心得，结交志同道合的影迷。这个app的操作非常简单，界面也非常友好，让大家可以轻松找到自己想看的电影。还在等什么呢？赶紧下载男人电影app，开启一场属于你的视觉盛宴吧！