Question

我想在警告框中显示Div中的表单。

我该怎么做？

Answer 1

如果您想要覆盖某些alert(...)的{{1}}，那么......

你不能......

如果您想显示<div>，就好像它是一个警告框：
阅读this 优秀文章，该文章提供了一种使用<div>插件轻松完成此操作的方法：

此jQuery插件旨在替换标准JavaScript alert（），confirm（）和prompt（）函数提供的基本功能。
  ...
  ...

LIVE DEMO

更新（根据评论）

O.K。所以你想要“div中的表单，我想在警告框中显示该表单” 它可以通过jQuery UI库完成，它有 Dialog 小部件。

查看here

Answer 2

您需要创建“自定义提醒框”，请参阅this

之类的内容

它需要jQuery，但它是一个非常容易学习的JavaScript库

使用jQueryUI的Dialog，它就像：

一样简单

$( "#dialog" ).dialog({
    create: function(event, ui) {
        $(this).append($("#formID").clone());
    }
});

虽然您可以将表单写入用于对话框的div中，然后您只需调用该对话框！

例如：

<div id="myDialog">
    <form id="frmDialog" action="<?php echo site_url('someContoller/someFunc') ?>" method="post">
        <label for=="username">Username</label>
        <input type="text" name="username" />
        <label for=="password">Password</label>
        <input type="password" name="password" />
    </form>
</div>

<script type="text/javascript">
    $(function() {
        $("#myDialog").dialog({
            // will keep it from opening until called upon
            autoOpen: false,
            // just some effects for opn and close of this "alert" dialog box
            show: "blind",
            hide: "explode",
            // create and tell ok button to submit form, and cancel to close form
            buttons: {
                "OK": function(e) {
                    $("#frmDialog").submit();
                },
                "Cancel": function(e) {
                    $("#myDialog").dialog("close");
                }
            }
        });

        // will turn button into a pretty button and asign it a click event to opent he dialog
        $("#btnDialog").button().click(function(e) {
            $("#myDialog").dialog("open");
        });
    })
</script>

Answer 3

您无法覆盖alert();，但您可以使用第三方弹出窗口，例如jQuery UI的Dialog。

如何在警告框中显示“div中的表单”？

3 个答案: