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

一种简单的方法是在单击按钮时使用hide（）。

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

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

内

Answer 2

这是一个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!');
        }
    });
});

提交后关闭弹出窗体

2 个答案: