javascript - 我可以在纯 javascript 中创建自定义确认框(不使用 jquery)与 window.confirm 一样吗？

Question

在confirm.js中有这样一段代码(http://www.developphp.com/view.php?tid=1385(dialog.js))

我想在点击 yes 按钮后在 php 中做一些操作(比如从数据库中删除记录和提交表单)，然后它应该返回 false

这可能吗？

<script type="text/javascript" src="confirm.js"></script>
<script type="text/javascript">
function validation()
{
    if(document.getElementById('tbox').value=='')
    {
        alert('enter value');
        return false;
    }
    else
    {
        confirm.render('','','sub_btn');
    }
}
</script>
<form method="get">
    <table width="100%" height="500px" z-index="500000" style="background:yellow;">
        <tr>
            <td>
                <input type="text" id="tbox">
            </td>
        </tr>
        <tr>
            <td>
                <input type="submit" id="sub_btn" value="Submit" onclick="return validation()">
            </td>
        </tr>
    </table>
</form>

Answer 1

否 您不能完全复制默认的确认/警告/提示提示。这些会阻止 javascript 运行超过该行，直到返回某些内容，这是 javascript 无法做到的。

那里有很多自定义模式对话框，为了解决您不能阻止 javascript 等待响应的事实，他们使用回调。您将一个函数传递给对话窗口的调用，一旦对话窗口结束，该函数就会被执行。

一些例子有:

http://bootboxjs.com/

http://jqueryui.com/dialog/

快速谷歌会给你更多。我之前纯粹用 javascript 自己制作了一个，因为我不想拥有 css 文件。它不像其他的那样功能齐全，但它是纯粹的 javascript，所以这里有一个链接: http://heuuuth.com/applications/JamModal.html