Question

我已搜索整个网站和谷歌但无法找到它，这里就是这样！

我想要一种在使用警报时显示表单的方法。

例如，当用户点击发布时，弹出一个对话框，询问用户一些问题，如html表单，并允许用户点击提交或重置或取消，而不加载新页面。

我已经看到了这个，但又找不到同一个网站了。

我已经尝试过将htm警告但没有成功发布。

任何帮助都得到高度赞赏！

Answer 1

您要找的是提示框：

<script type="text/javascript">
    function show_prompt() {
        var name = prompt('Please enter your name','Poppy');
        if (name != null && name != "") {
            alert(name);
        }
    }
</script>

_{示例取自此处：http://www.w3schools.com/js/js_popup.asp}

Answer 2

您可以使用jQuery对话框执行此操作 - 在用户单击时加载对话框并在对话框中显示一个表单。看看这里的演示：http://jqueryui.com/demos/dialog/

Answer 3

要完成@Liv的回答，您可以使用jQuery的UI 参考：Modal Form

该示例显示了如何创建新用户。它会弹出一个对话框，您可以在其中填写表格，然后您可以提交表格，也可以取消。

使用模式对话框要求用户在多步骤过程中输入数据。在内容区域中嵌入表单标记，将模式选项设置为true，并使用buttons选项指定主要和次要用户操作。

这几乎是我理解你所需要的。

祝你好运！

Answer 4

HTML无法放置在alert()，confirm()或prompt()生成的系统对话框中。但是，您可以下载jQuery UI并在您的网站上进行设置。（确保在下载页面上选择了“对话框”组件。）然后在JavaScript中：

$("<div>Place your HTML here</div>").appendTo("body").dialog({
     modal: true,
     title: "Enter a title here"
});

确保在使用window.onload或$(document).ready()加载页面之后运行此代码。

广告@米

Answer 5

您将无法使用alert执行此操作，但您应该了解如何创建modal windows。

Answer 6

我建议你使用div弹出窗口。您需要做的是在除表格所在的div之外的所有其他元素之上设置背景。通过设置display =“block”，css属性显示将设置为'none'，直到激活表单为止。这可以使用javascript执行。

Javascript警告弹出窗体

6 个答案: