javascript - 提交后关闭弹出表单

Question

有人可以帮我吗，我有一个表单，它会在视频页面上一分钟后弹出，我希望表单在提交后自行关闭，以便视频可以继续播放，jQuery 怎么可能？

这是我的表格

 <ul class="mktLblLeft">
            <div class="txt-fld">
                <label>First Name:</label><span class="mktInput"><input class="mktFormText" id="Email" maxlength="255" name="24132" tabindex="1" type="text" value="" />
                </span></li>

                <label>Last Name:</label><span class="mktInput"><input class="mktFormTex" id="FirstName" maxlength="255" name="24134" tabindex="2" type="text" value="" /></span></li>
               <label>Email Address:</label><span class="mktInput"><input class="mktFormText" id="LastName" maxlength="255" name="24136" tabindex="3" type="text" value="" />
              </div>
              <div class="btn-fld">
              <button type="submit">Sign Up &raquo;</button>

我试过这段代码，这有什么问题吗？

function closeSelf(){
// do something

if(condition satisfied){
   alert("conditions satisfied, submiting the form.");
   document.forms['certform'].submit();
   window.close();
}else{
   alert("conditions not satisfied, returning to form");    
}

}

Answer 1

这是一个 jQuery AJAX 解决方案：

jQuery('button#yourSubmitButton').on('click', function(event) {
    // prevent normal submit
    event.preventDefault();

    // call ajax submit
    jQuery.ajax({
        type: "POST",
        url: "bin/yourprocess.php",
        success: function() {
            // fadeout the form
            jQuery('.mktLblLeft').fadeOut();
        },
        error: function() {
            // give feedback to user
            alert('something went wrong!');
        }
    });
});

Answer 2

一个简单的方法是在单击按钮时使用 hide() 。

<button type="submit" onlick="$('#myForm').hide()">Sign Up &raquo;</button>

假设这是在一个<form id="myForm">