Html 如何在node.js | express中当凭据不正确时显示警报消息

我不熟悉NodeJS和Express，我正在尝试创建一个登录注册页面，以了解基本概念。我的问题与类似，但没有发布解决方案。我使用的是登录名。我如何显示登录模式：

在头文件中创建了一个空的modal div，以便可以通过应用程序使用它

单击

login

链接时加载模式

在

server.js

文件中

var reqPath=path.join（uu dirname，“../”，“views/pages/userLoginPopup”）；
router.get（'/'，函数（req，res）{
res.render（reqPath，{isvalid:true}）；//isvalid变量用于显示错误
});

在另一个

.ejs

文件中创建了模态体

&时代；
登录
凭证不正确




接近

现在，当用户输入错误的凭据时，警报不会显示在模式中，而是加载页面（如下所示）

在

server.js

文件中，检索表单数据并检入DB进行身份验证，如果用户已通过身份验证，则会重定向到

主页

页面，如果未通过身份验证，则会使用另一个

isvalid

标志值呈现当前页面

router.post（'/'，函数（req，res）{
var lname=req.body.ccname；
var lid=req.body.ccid；
服务登录用户（lname、lid、函数（错误、结果、权限）{
如果（错误）{
res.render（'./pages/error'，{errorName:err}）；
}否则{
如果（结果）{
req.session.name=lname；
req.session.uid=lid；
req.session.privilege=特权；
res.redirect（'/'）；//home.js
}否则{
res.render（reqPath，{isvalid:false}）；
}
}
});
});

我做错了什么？有人能帮忙吗？我知道我需要在需要加载模态的地方传递模态id（就像加载初始登录模态时那样），但我不知道在提交表单时如何做到这一点。提前谢谢

更新1:这是我在加载modal时得到的结果

更新2:项目结构

projectName
|
---- routes
    |
    --- userLogin.js
|
---- views
    |
    --- pages
         |
         --- userLoginPopup.ejs
    |
    --- partials
         |
         --- header.ejs
|
---- app.js

---

你能具体说明你期望发生什么以及实际发生了什么吗？我试图从这个问题中理解，但这很难。您是否能够加载包含错误消息的页面？如果用户输入了错误的凭据，我将尝试显示警告消息。我在问题中添加的屏幕截图（第4点）中显示了我得到的。。我所期望的是一些类似于@Diksha的东西，可能您没有包括引导库（css&js文件，模态所需的js文件），因为我可以看到您的屏幕截图UI。如果已经检查了引导路径，则应该检查引导路径added@ArifKhan包含引导，但未在此渲染上显示（第4点），添加了屏幕截图。我正在尝试显示更新的屏幕截图，错误为@ArifKhan