如何解决Bootstrap Modal - 简单的密码保护按钮
我有一个带有模态的页面。在 modal 里面,我有两个按钮。 Close
和 Save Changes
。我正在尝试添加一个受 Save Changes
按钮保护的简单密码。用户按下按钮,弹出一个只有密码的窗口。如果密码正确,继续剩下的代码。其他警报消息。
js:
$('#UpdateForm').submit(function(event) {
if ($pass=="pass") {
echo "Rest Code Here";
} else {
echo "Wrong!";
}
}
我认为代码会像这样。如何添加弹出窗口并使其工作。它受到简单保护,但对于本地使用而言并不安全。
解决方法
你可以用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()
})
,
您可以使用 Window prompt() Method
。
prompt() 方法显示一个对话框,提示访问者进行输入。
如果您希望用户在进入页面之前输入一个值,通常会使用提示框。
注意:当弹出提示框时,用户必须在输入输入值后单击“确定”或“取消”才能继续。不要过度使用此方法,因为它会阻止用户在框关闭之前访问页面的其他部分。
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;
}
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。