单击按钮后如何显示弹出式确认

Question

我仍然是PHP学习者。

我有一个按钮，单击它后将运行JavaScript，但是我希望它显示警报/弹出窗口，以便用户确认是否继续或中止操作。

我可以在按钮代码中的PHP文件中执行此功能吗？

<TD style='text-align:left;padding:0;margin:0;'>
    <INPUT type='button' onmouseup="javascript:JS1();" value='JS1'></INPUT>
</TD>

Answer 1

您需要使函数并使用confirm();

<TD style='text-align:left;padding:0;margin:0;'>
            <INPUT type='button' onmouseup="myFunction();" value='JS1'></INPUT>
        </TD>

和

<script>
function myFunction() {
    confirm("Please confrim");
}
</script>

Answer 2

编写代码不是这里应该做的。

但是，仍应遵循伪代码和概念。

脚步：

1. 如果您使用的是jQuery，请绑定click事件。 如果您正在使用核心Javscript，请使用onclick属性。
2. 在onclick函数中，添加一个confirmation弹出窗口。
3. 如果用户选择yes ， confirm()返回true ，否则将返回false 。

4. 现在，只有当confirm()返回true ，您才必须继续。

和javascript代码：

<script>
function JS1() {
 if (confirm('Your confirmation message')) {
  // Write your code of form submit/button click handler.
 }
 else {
  return false;
 }
}
</script>

Answer 3

您是否尝试过引导模态？

https://www.w3schools.com/bootstrap/bootstrap_modal.asp

https://getbootstrap.com/docs/4.0/components/modal/

https://getbootstrap.com/docs/3.3/javascript/

我提供了3个链接。 我认为这些可能会对您有所帮助。 做一个研究，这不会很困难。 祝好运。