使用jquery关闭弹出窗口后提交表单

时间:2013-09-15 11:32:18

标签: javascript jquery html forms popup

这是我的代码:

$("form#subscribe").submit(function(){
    $("#layer, #popup").fadeIn(400);
    return false;
});

$("#layer, .popup-close").click(function(){
    $("#layer, #popup").fadeOut(400);
    $("form#subscribe").submit();
});

我想要实现的是在弹出窗口关闭后强制窗体子窗口(弹出框只显示“谢谢消息”,应该具有与警告框类似的功能)。我应该在当前代码中更改什么。目前它只是在不提交表单的情况下循环弹出框。我试过了:

$("form#subscribe").submit(return true);

$("form#subscribe").submit(true);

弹出关闭事件但没有成功。

JSFiddle链接到我的示例:http://jsfiddle.net/JZf8n/

1 个答案:

答案 0 :(得分:0)

更改按钮提交ID,不要使用ID“提交”:

<input type="submit" id="submit_btn" value="Sign Up" />

然后像这样触发js事件(不是jq附加处理程序):

$("#popup").fadeOut(400,function(){$('#subscribe').get(0).submit();});

DEMO