2013-02-06 129 views
0

我嘗試使用表單提交與jquery模式對話框。看看下面的代碼。jquery提交之前打開對話框等到按鈕點擊

$(function() { 

var sendConfirmation = false; 

$("#dialog-form").dialog({ 
    autoOpen: false, 
    height: 300, 
    width: 350, 
    modal: true, 
    buttons: { 
    "Send": function() { 
     sendConfirmation = true; 
    }, 
    "Close": function() { 
     $(this).dialog("close"); 
    } 
    } 
}); 

$("#send").submit(function(event) { 
    //If user click on modal dialog "Send", then submit should be trigger. 
    //And if user click "Close" 
    $(this).trigger("recaptcha"); 
    return false; 
    /*if(sendConfirmation) { 
     return true; 
    } else { 
     return false; 
    }*/ 

}); 

$("#send").bind("recaptcha", function() { 
     $("#dialog-form").dialog("open"); 
     //return false; 
    }); 
    }); 

如果提交按鈕,用戶點擊後,對話框將被打開,並提交應等待模式對話框中的「確定」按鈕被點擊,直到,然後提交應該是執行。
的主要思想是,當用戶點擊提交按鈕時,模態對話框將被打開,並且在模態對話框中顯示該模式。用戶輸入驗證碼並點擊確定按鈕,數據應該提交。

+0

好!現在你的問題是什麼? – ssilas777

+0

如何停止提交流程,直到點擊確定按鈕?如果用戶點擊模式對話框中的確定按鈕,則應提交表單。 –

+0

我發生的一件事是,我想要的是一個前後過濾器提交,像rails過濾器。 –

回答

1

JavaScript是單線程的,由於JavaScript用於顯示對話框並處理對它的任何點擊,所以沒有阻止執行而不阻止UI的方法。嘗試使用對話框按鈕的回調函數

相關問題