您可以使用JavaScript拦截onSubmit事件。

然后调用确认警报，然后获取结果。

这个插件可以帮助您jquery确认易于使用

$.confirm({
    title: 'Confirm!',
    content: 'Simple confirm!',
    confirm: function(){
        alert('Confirmed!');
    },
    cancel: function(){
        alert('Canceled!')
    }
});

点击前询问的最简单方法如下

<a onclick="return askyesno('Delete this record?');" href="example.php?act=del&del_cs_id=<?php echo $oid; ?>">
<button class="btn btn-md btn-danger">Delete </button>
</a>

您必须创建自定义confirmBox。无法更改确认功能显示的对话框中的按钮。

jQuery确认框

请参见以下示例：https://jsfiddle.net/kevalbhatt18/6uauqLn6/

<div id="confirmBox">
    <div class="message"></div>
    <span class="yes">Yes</span>
    <span class="no">No</span>
</div>

function doConfirm(msg, yesFn, noFn)
{
    var confirmBox = $("#confirmBox");
    confirmBox.find(".message").text(msg);
    confirmBox.find(".yes,.no").unbind().click(function()
    {
        confirmBox.hide();
    });
    confirmBox.find(".yes").click(yesFn);
    confirmBox.find(".no").click(noFn);
    confirmBox.show();
}

按您的代码调用：

doConfirm("Are you sure?", function yes()
{
    form.submit();
}, function no()
{
    // Do nothing
});

纯JavaScript确认框

例子：http://jsfiddle.net/kevalbhatt18/qwkzw3rg/127/

<div id="id_confrmdiv">confirmation
    <button id="id_truebtn">Yes</button>
    <button id="id_falsebtn">No</button>
</div>

<button onclick="doSomething()">submit</button>

剧本

<script>
    function doSomething(){
        document.getElementById('id_confrmdiv').style.display="block"; //this is the replace of this line

        document.getElementById('id_truebtn').onclick = function(){
           // Do your delete operation
            alert('true');
        };
        document.getElementById('id_falsebtn').onclick = function(){
             alert('false');
           return false;
        };
    }
</script>

CSS

body { font-family: sans-serif; }

#id_confrmdiv
{
    display: none;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #aaa;
    position: fixed;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
}

#id_confrmdiv button {
    background-color: #ccc;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #aaa;
    padding: 2px;
    text-align: center;
    width: 80px;
    cursor: pointer;
}

#id_confrmdiv .button:hover
{
    background-color: #ddd;
}

#confirmBox .message
{
    text-align: left;
    margin-bottom: 8px;
}

我目前正在开发一个web工作流，它已经有了自己的通知/对话框，我最近（比如今天）创建了一个小型的自定义（并根据项目需要定制）是/否对话框。

所有对话框都显示在模态图层上。需要用户充分注意。

我以这种方式定义选项配置。此选项用于定义按钮文本，以及单击时与每个按钮关联的值：

optionsConfig = [
   { text: 'Yes', value: true },
   { text: 'No', value: false }
]

函数的用法如下：

const answer = await notifier.showDialog('choose an option', options.config);
if (answer) {
   // 'Yes' was clicked
} else {
   // 'No' was clicked!
}

我所做的只是为每个选项创建一个异步事件处理程序，这意味着每个按钮都有一个简单的处理程序。每个处理程序都返回选项的值。处理程序被推入数组中。然后将数组传递给Promise.rece，这是showDialog方法的返回值，它将对应于值的实际值（由处理程序返回的值）。

无法提供太多代码。正如我所说，这是一个非常具体的案例，但这个想法可能对其他实现有用。大约二十行代码。

这是一个使用普通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>