我正在使用 node.js、express 和 Passport 构建一个带有登录身份验证的站点。对于注册页面,我希望网站在用户名已被使用时发送一条消息,现在以下代码工作正常,但我想添加一条“警报”类型的消息,背景略带红色,突出显示的文本。
signup.jade 的代码是这样的:
div(class="col-lg-12")
form(class="form" method="post" action="/SignupForm")
-if(message)
div#note #{message}
label(class="col-lg-12") username
input(type="text" name="username")
br
label(class="col-lg-12") password
input(type="password" name="password")
br
label(class="col-lg-12") email
input(type="email" name="email")
br
input(type="submit" value="Signup")
对于我的路由,我的代码是这样的(它在 module.exports 中)
app.get('/SignupForm', function(req,res){
res.render('SignUp', {message: req.flash('signupMessage')});
});
app.post('/SignupForm', passport.authenticate('localSignup', {
successRedirect: '/',
failureRedirect: '/SignupForm',
failureFlash: true
}));
最后,对于 Passport.js 文件,这是代码:
passport.use('localSignup', new localStrategy({
usernameField: 'username',
passwordField: 'password',
passReqToCallback: true
},
function (req, username, password, done) {
process.nextTick(function () {
User.findOne({'username' : username}, function (err, user) {
if (err)
return done(err);
else if (user){
return done(null, false, req.flash('signupMessage', 'User already taken'));
} else {
var newUser = new User({username: username, password: password);
newUser.save(function (err) {
if (err) throw err;
return done (null, newUser);
});
}
});
});
})
);
顺便说一下,我已经尝试过使用 Bootstrap 警报消息,如下所示:
.alert.alert-danger !{ message }
但这会立即在注册页面内显示一个突出显示的区域,即使消息尚未发送。
最佳答案
好吧,根据您的说法,上面的代码工作正常,除了,消息显示,即使它尚未发送。 要解决此问题,您可以将 html/jade 文件修改为:
if message
.alert.alert-danger #{message}
此代码让您可以仅在服务器发送消息时显示消息。如果没有发送消息,则message
的值将不存在,代码将不会被执行。
希望它有所帮助.. 如果不能通过编辑问题提供更多详细信息。
关于node.js - 使用 Connect-flash 和 Jade 的警报消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31757724/