Question

我在JSP中有一个表单。我在该页面中有一些输入字段，当用户键入其值时，他点击提交，以便将值插入数据库。

但我的目的是当用户点击提交按钮时，将生成一个新的弹出窗口，这个新的弹出窗口将在父窗口中插入值时携带这些值。例如：第一页：Insert.jsp和弹出窗口：Verifyinsert.jsp。在第3页的Insert.jsp中，存在输入字段，例如卷号，学生姓名，地址。用户将首先在Insert.jsp页面上输入这3个字段，然后用户将在Insert.jsp页面上单击提交，然后将生成一个新的弹出窗口（Verifyinsert.jsp），当用户输入Insert.jsp并且输入时，将生成值那个Verifyinsert.jsp页面，提交按钮存在，如果用户点击提交，那么记录将被插入到数据库中，如果在Verifyinsert.jsp上点击取消按钮，那么弹出窗口就会消失。怎么做？

非常感谢任何帮助。

Answer 1

使用onSubmit事件

<html>
    <head>
        <script type="text/javascript">
            function greeting(){
                alert("Welcome " + document.forms["frm1"]["fname"].value + "!")
            }
        </script>
    </head>
    <body>

        What is your name?<br />
        <form name="frm1" action="submit.htm" onsubmit="greeting()">
            <input type="text" name="fname" />
            <input type="submit" value="Submit" />
        </form>

    </body>
</html>

Answer 2

您是否在询问如何显示弹出窗口？应该是js popup，没有页面重新加载，还是单独的浏览器选项卡？对于前者，我们使用jqModal库examples。当用户单击“提交”按钮时，您需要显示该popoup。当用户单击该弹出窗口上的“发送”按钮时，您需要获取所有值并将其发送到服务器。还有几种方法可以做到这一点：）

Answer 3

使用

在Insert.jsp的提交中打开一个弹出窗口

   window.open("../insert.jsp?param1=xx&&pram2=cc")

您可以将参数作为附加内容发送到新窗口的网址。

在Verifyinsert.jsp的提交中，您可以调用父页面java脚本usign

window.opener.saveValue()

这是父页面中用于将值保存到数据库的javscript函数。保存后关闭弹出窗口。

在提交按钮上打开一个弹出窗口

3 个答案: