2013-02-06 85 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的方法。尝试使用对话框按钮的回调函数

相关问题