文章/答案/技术大牛

发布

社区首页 >问答首页 >Bootstrap Modal -简单密码保护按钮

问Bootstrap Modal -简单密码保护按钮
EN

Stack Overflow用户

提问于 2021-02-06 19:56:46

回答 2查看 132关注 0票数 0

我有一个带有模式的页面。在模式中，我有两个按钮。Close和Save Changes。我正在尝试添加一个简单的密码保护的Save Changes按钮按下。用户按下按钮，弹出一个只有密码的窗口。如果密码正确，则继续执行rest代码。否则将显示警报消息。

js：

$('#UpdateForm').submit(function(event) {
    if ($pass=="pass") {
        echo "Rest Code Here";
    } else {
        echo "Wrong!";
    }
}

我想代码会像这样。如何添加弹出窗口并使其工作。它简单，受保护，不像本地使用那样安全。

javascript

php

password-protection

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-02-07 09:21:58

您可以使用Window prompt() Method。prompt()方法显示一个对话框，提示访问者输入。

如果希望用户在进入页面之前输入值，则通常使用提示框。

注意:当弹出提示框时，用户在输入输入值后，必须单击"OK“或"Cancel”才能继续。不要过度使用此方法，因为在关闭框之前，它会阻止用户访问页面的其他部分。

w3schools.com - Window prompt() Method

您可以尝试以下代码：

$('#UpdateForm').submit(function(event) {
    y = prompt("Please insert code to continue.");
    if (y == "pass") {
        alert("Rest Code Here");
    } else {
        alert("Wrong!");
        //Stop closing modal
        return false;
    }
})

票数 1

Stack Overflow用户

发布于 2021-02-06 23:18:26

您可以使用SweetAlert2来完成此操作

查看此处https://codepen.io/5hiny/pen/PobNbGQ

Swal.fire({
  title: 'Enter password to save',
  input: 'text',
  showCancelButton: true,
  confirmButtonText: 'Submit',
  showLoaderOnConfirm: true,
  preConfirm: (pass) => {
    if (pass == 'password') {
      document.write("SAVE");
    } else {
      document.write("FAIL");
    }
  },
  allowOutsideClick: () => !Swal.isLoading()
})

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66076622

复制

相似问题

问Bootstrap Modal -简单密码保护按钮
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap Modal -简单密码保护按钮EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap Modal -简单密码保护按钮
EN