我正在使用NodeJS和护照让用户创建一个帐户,然后才能看到他们刚刚采取的测验结果。我的挑战是我需要在页面刷新之前确认用户名是否可用,因为如果发生这种情况,用户将丢失其结果。
再次:我需要验证在刷新之前不会使用用户名。
我认为我很接近,但它不起作用。如何更改代码以应对此挑战?
目前,如果使用了用户名,则会在尝试创建帐户时返回错误,并且用户最终会显示/ failpage,如下所示。
app.post('/quiz', usernameToLowerCase, emailToLowerCase, function(req, res) {
User.findOne({
username: req.body.username
}, function(err, user) {
if (err) {
alert(err)
if (user) {
alert('this username is already taken. Please choose another.')
console.log('there was a user');
return false;
}
}
});
var user = new User({
username: req.body.username,
email: req.body.email,
password: req.body.password,
})
user.save(function(err) {
console.log('this is the problem' + ' ' + err)
if (err) {
return res.redirect('/failpage')
}
req.logIn(user, function(err) {
if (err) {
console.log(err);
}
console.log('all looks good')
res.redirect('/results');
});
});
});
答案 0 :(得分:3)
如果其他人试图做同样的事情,解决它:
app.js中的
app.get('/usercheck', function(req, res) {
User.findOne({username: req.query.username}, function(err, user){
if(err) {
console.log(err);
}
var message;
if(user) {
console.log(user)
message = "user exists";
console.log(message)
} else {
message= "user doesn't exist";
console.log(message)
}
res.json({message: message});
});
});
在js
$('#usercheck').on('change', function() {
$.get('/usercheck?username='+$('#usernameValue').val().toLowerCase(), function(response) {
$('#usernameResponseHidden').text(response.message)
if ($('#usernameResponseHidden').html() === "user exists"){
$('#usernameResponse').text('That username is taken. Please pick another')
}
答案 1 :(得分:1)
为了解决您的问题,我认为您需要路线。如果用户存在,则至少有一个app.get('/quiz')
返回一个布尔值。可以在该路线中发送User.findOne
部分。您只需要在失去表单用户名字段的焦点时使用ajax发出请求,并在名称可用时显示通知。