如何创建密码登录模式，单击提交按钮，然后使用bootstrap 3打开另一个包含链接的模式

How to create a password login modal, click submit button and open another modal containing links using bootstrap 3

本文关键字：bootstrap 另一个模式链接包含按钮创建何创建密码提交单击更新时间：2023-09-26

我正在尝试创建一个密码登录模式，单击提交按钮，然后使用Bootstrap 3打开另一个包含链接的模式，我被卡住了，需要一些帮助。我已经创建了登录模式（只是一个密码输入并提交btn-这是#modal6）和包含链接的模式（这是#modal7），当密码正确时会弹出（只有一个密码，没有用户登录等）。由于这看起来相对简单，我试着只使用javascript/jquery，而不使用mysql或php。我被卡住了。。。我不知道一旦提交了正确的密码，如何打开包含链接的模式窗口。我已经想好了如何使用登录模式来做到这一点，然后单击提交，使用正确的密码，如果是html页面，它将显示链接示例：

<form` name="employee"
    action="javascript:location.href =window.document.employee.page.value + '.html'"

我不知道如何将链接作为一个模态来实现这一点，而不是html页面。

我也遇到过类似的挑战。我必须使用模态来添加/编辑项目，并且该操作的结果（成功/错误）也必须显示在模态中。棘手的部分是关闭当前的模态并再次打开一个新的模态。尤其是在关闭一个模态和打开另一个模态之间没有太多时间的情况下。

我所做的就是把两者结合起来。也许这对你来说也是一个解决方案。创建一个包含两个部分的模态，一个用于输入密码（如果密码不正确，则检查并显示结果），另一个包含链接。当需要密码时，只显示密码部分。如果密码正确，请隐藏密码部分并取消隐藏链接部分。使用这种方法只需要一个模态。使用这种方法，您不必提出一个新的模态，只需使用已经打开的模态即可。