Popup和jQuery

Question

我正在使用弹出窗口，我有一个表单，在提交表单后，我无法在相同的弹出窗口上得到确认。

相反，它会重定向到原始页面。

上述站点中的http://careertel.in/index.php，

在主页的底部"Candidates Here“页面的底部有一个

它可以很好地处理提交等格式，

但是如果你点击页面右上角的“求职者在这里上传你的简历”，它会打开一个带有相同表格的弹出窗口。在那里，提交不起作用。

这里只有前三个字段是必填的，文件上传不是必填的。

有什么帮助吗？

谢谢

deve

Answer 1

你是如何处理提交的？如果它只是一个普通的提交按钮，那么它会导航到当前页面之外(弹出窗口的状态会重置)。您应该捕获表单的提交事件，并使用ajax进行提交

$("#form").submit(function() {
  $.ajax({
    type: "POST",
    url: "submiturl",
    data: $("input#name").val(),
    success: function(html) {
      // show the confirmation inside the popup
    }
  })
})

查看更多关于从http://api.jquery.com/category/ajax/使用AJAX提交内容的信息。通过googling搜索，您可能会找到将表单转换为ajax可提交表单的jquery插件。

Answer 2

在表单标记中，将target=设置为“_self”

Answer 3

不可能在弹出窗口中执行javascript。这就是为什么它在提交后重定向到主页的原因。

有两种方法，你可以达到你的结果，

1) Using window.opener
Call javascript validation function defined in your main page.
eg: function validate defined in main page
so you can call in your popup as,
<form onsubmit="return window.opener.validate()">

2) You can include iframe in popup where you can execute javascript directly.

希望这能有所帮助