1

動画ページで 1 分後にポップアップするフォームがあります。動画を続行できるように、フォームが送信されたら自動的に閉じるようにしたいのですが、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");    
}

}

4

2 に答える 2

0

これを行う簡単な方法は、ボタンがクリックされたときに hide() を使用することです。

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

これが内部にあると仮定すると<form id="myForm">

于 2013-10-30T15:25:44.427 に答える
0

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!');
        }
    });
});
于 2013-10-30T15:53:01.203 に答える