我要做一个按钮，采取行动并将数据保存到数据库中。
一旦用户单击按钮，我希望JavaScript警报提供“是”和“取消”选项。如果用户选择“是”，数据将被插入数据库，否则将不采取任何操作。
如何显示这样的对话框？
当前回答
这个插件可以帮助您jquery确认易于使用
$.confirm({
title: 'Confirm!',
content: 'Simple confirm!',
confirm: function(){
alert('Confirmed!');
},
cancel: function(){
alert('Canceled!')
}
});
其他回答
如何使用“inline”JavaScript执行此操作：
<form action="http://www.google.com/search">
<input type="text" name="q" />
<input type="submit" value="Go"
onclick="return confirm('Are you sure you want to search Google?')"
/>
</form>
这是一个使用普通javascript的完全响应解决方案：
//单击显示对话框btn时调用函数document.getElementById（“btn show dialog”）.onclick=function（）｛show_dialog（）｝；var overlayme=document.getElementById（“对话框容器”）；函数show_dialog（）{/*显示对话框窗口的函数*/overlayme.style.display=“块”；}//如果单击确认btn，则执行函数confim（）document.getElementById（“confirm”）.onclick=function（）｛confirm（）｝；函数确认（）{/*单击确认时执行的代码*/overlayme.style.display=“无”；}//如果单击cancel btn，则执行函数cancel（）document.getElementById（“cancel”）.onclick=function（）｛cancel（）｝；函数cancel（）{/*单击取消时执行的代码*/overlayme.style.display=“无”；}.popup{宽度：80%；填充：15px；左：0；剩余利润：5%；边框：1px实心rgb（1.82,73）；边界半径：10px；颜色：rgb（1.82,73）；背景：白色；位置：绝对；顶部：15%；盒子阴影：5px 5px 5px#000；z指数：10001；字号：700；文本对齐：居中；}.覆盖{位置：固定；宽度：100%；顶部：0；左：0；右：0；底部：0；背景：rgba（0,0,0，.85）；z指数：10000；显示：无；}@介质（最小宽度：768px）{.popup{宽度：66.66666666%；剩余利润：16.4666666%；}}@介质（最小宽度：992px）{.popup{宽度：80%；剩余利润：25%；}}@媒体（最小宽度：1200px）{.popup{宽度：33.33333%；剩余利润：33.33333%；}}对话框btn{背景色：#44B78B；颜色：白色；字号：700；边框：1px实心#44B78B；边界半径：10px；高度：30px；宽度：30%；}对话框btn：悬停{背景色：#015249；光标：指针；}<div id=“content_1”class=“content_dialog”><p>Lorem ipsum dolor坐amet。阿利夸姆拉特（Aliquam erat volutpat）。无侵权行为，无恶意行为</p＞<p>阿利夸姆拉特（Aliquam erat volutpat）。无侵权行为，无恶意行为。Nullam felis tellus，tristique nec egestas in，luctus sed diam.Suspendiss potenti</p＞</div><button id=“btn show dialog”>确定</button><div class=“overlay”id=“dialog container”><div class=“popup”><p>这将被保存。是否继续</p＞<div class=“text right”><button class=“dialog btn btn cancel”id=“cancel”>取消</button><button class=“dialog btn btn primary”id=“confirm”>确定</button></div></div></div>
您可以使用JavaScript拦截onSubmit事件。
然后调用确认警报，然后获取结果。
或者简单地：
<a href="https://some-link.com/" onclick="return confirm('Are you sure you want to go to that link?');">click me!</a>
var answer = window.confirm("Save data?");
if (answer) {
//some code
}
else {
//some code
}
使用window.conf而不是alert。这是实现该功能的最简单方法。
