2012-01-24 74 views
4

我有一种形式在JSP中的弹出窗口。我在页面中有一些输入字段,当用户输入他的值时,他点击提交,以便值插入到数据库中。打开的提交按钮

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

任何帮助,非常感谢。

+0

仅包围呼叫到JSP到window.open句子saludos – elopez

回答

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> 
+0

好的,但我怎样才能在弹出窗口中添加取消按钮,以便单击取消后,我只会返回到我的父窗口? – Tom

+0

这个你可以用Javascript代码处理。如果您在onSubmit上返回false,则取消提交,因此您可以创建一个弹出窗口并处理新的提交和取消。 – Victor

0

你问如何显示弹出窗口?它应该是弹出的js,没有页面重新加载,或单独的浏览器选项卡?对于前者,我们使用jqModal库,examples。当用户点击提交按钮时,你需要显示那个popoup。当用户点击该弹出框上的发送按钮时,您需要获取所有值并将它们发送到服务器。有一对夫妇的方式来做到这一点:)

+0

弹出窗口被产生这样的:如何将将insert.jsp的值传递给Verifyinsert.jsp页面?当用户在insert.jsp中输入一个学生的名称和地址时,在insert.jsp页面上单击这个提交按钮后,会产生一个新的弹出窗口,但是如何将rollno,学生名称和地址的值传递给Verifyinsert.jsp来自insert.jsp页面的页面? – Tom

+0

M,有几种方式,但它们都很棘手:)您可以将事件监听器添加到“保存”按钮,并等待打开页面并将数据传输到新窗口。或者在验证窗口中,在onload事件中的某处,您可以从父窗口获取数据(看起来比较简单,@Abhi建议使用'window.opener')。也许你可以自定义'onclick'事件的按钮并使用@Abhi方法。 – demalexx

+0

你在@Abhi方法中...对于表单中的多个输入字段,我在javascript中出错。 <脚本类型= “文本/ JavaScript的”> 功能问候(){ 警报( “欢迎” + document.forms [ “Frm1中”] [其中 “fname”]。值+ “!”) } – Tom

0

打开使用

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

您Insert.jsp的提交,您可以发送的参数追加到像新窗口的URL的弹出窗口以上。

在提交Verifyinsert.jsp的,你可以调用父页面的Java脚本usign

window.opener.saveValue() 

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