Javascript 如何输出一个'；确认'；用户单击提交后我的注册页面上的消息？
我有一个nodejs服务器，并用html创建了一个注册页面。单击submit按钮时，我创建的服务器接收输入并检查值 如果用户已添加到数据库，我希望注册页面返回一条新消息，说明“用户已添加” 现在我使用“res.sendFile（）”并再次发送页面，但我希望这样做并添加一个新的消息元素 以下是服务器中javascript代码的一部分：Javascript 如何输出一个'；确认'；用户单击提交后我的注册页面上的消息？,javascript,node.js,express,Javascript,Node.js,Express,我有一个nodejs服务器，并用html创建了一个注册页面。单击submit按钮时，我创建的服务器接收输入并检查值 如果用户已添加到数据库，我希望注册页面返回一条新消息，说明“用户已添加” 现在我使用“res.sendFile（）”并再次发送页面，但我希望这样做并添加一个新的消息元素 以下是服务器中javascript代码的一部分： console.log(req.body); const { email, username, password, passwordConfirm
console.log(req.body);
const { email, username, password, passwordConfirm } = req.body;
db.query("SELECT email FROM playerinfo where email = ?", [email], (error, results) => {
if (error) console.log(error);
if (results.length > 0) {
return res.sendFile(path.join(__dirname, '../client/register.html'), );
}
db.query("INSERT INTO playerinfo VALUES ?",
{ username: username, password: password, email: email }, (error, results) => {
if (error) console.log(error);
else {
console.log(results);
return res.sendFile(path.join(__dirname, '../client/register.html'));
}
});
});
}
<!DOCTYPE html>
<head>
<title>Create an account</title>
<link rel="stylesheet" href="style/menustyle.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
</head>
<body>
<nav>
<h3>User Login Test</h3>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/login">Log in</a></li>
<li><a href="/register">Register</a></li>
</ul>
</nav>
<div id='register-box' class="card" style="width: 18rem;">
<h3 class="card-title">Register</h3>
<div class="card-body">
<form action="/auth/register" method="POST">
<div class="mb-3">
<label for="player-email" class="form-label">Email address</label>
<input type="email" class="form-control" id="player-email" aria-describedby="emailHelp"
name='email'>
</div>
<div class="mb-3">
<label for="player-username" class="form-label">Username</label>
<input type="text" class="form-control" id="player-username" name='username'>
</div>
<div class="mb-3">
<label for="player-password" class="form-label">Password</label>
<input type="password" class="form-control" id="player-password" name='password'>
</div>
<div class="mb-3">
<label for="player-password-confirm" class="form-label">Confirm Password</label>
<input type="password" class="form-control" id="player-password-confirm" name='passwordConfirm'>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</body>
</html>
创建帐户
用户登录测试
登记
电子邮件地址
用户名
密码
确认密码
提交
小贴士：1。清理SQL查询，因为您的实现要接受注入。2.在响应错误时，找到比console.log更好的方法。3.不要在生产环境中使用console.log，因为它会在您没有注意到的情况下耗尽您的内存，直到驱动器100%满为止。使用模板引擎，然后使用
res.sendFileres.renderfetch