Popup和jQuery

Question

我正在使用一個彈出窗口，並且我在表單上提交表單後，我無法在同一個彈出窗口中獲得確認。

相反，它會重定向到原始頁面。

http://careertel.in/index.php 在上面的網站，

有一個用於主頁本身在頁面底部的「考生在這裏註冊」

它工作正常的格式提交等，

但是，如果您點擊頁面右上角的「求職者上傳你的簡歷」，它將打開一個彈出對話框。那裏提交不起作用。

這裏只有第一個字段是強制性的，文件上傳不是強制性的。

任何幫助

感謝
DEVE

Answer 1

你是如何處理的提交？如果它只是普通的舊提交按鈕，那麼它將導航出當前頁面（以及彈出式重置的狀態）。你應該抓住表單提交事件，確實與阿賈克斯，而不是

$("#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提交材料提交。 通過谷歌搜索你可能會發現jQuery插件，將表單轉換爲Ajax提交表單。

Answer 2

在你的表單標籤，設定目標= 「_自我」

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. 

希望這有助於

Answer 4

function modalFormSubmit(){ 
modalResumeValidation(); 
if($('.error').css('display')=="none"){ 
    modalFileUpload(); 
} 
return false; 
} 

我覺得你的問題是在這裏的某個地方。您應該檢查元素的可見性以外的其他內容，以確定您是否提交（通過ajax）表單。