我想在提交表格

之後彈出一個模型彈出窗口。所以在提交表單進行審查之後，我想要一個模式彈出窗口來感謝客戶並在延遲後自動關閉。我有這樣的代碼：我想在提交表格

<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF'], ENT_QUOTES); ?>" id="feedbackForm" data-toggle="validator" data-disable="false" method="post">  

<button type="submit" value="Submit" title="Post your review" class="btn btn-primary btn-lg" data-loading-text="Sending..." style="display: block; margin-top: 10px;">Send &nbsp;&nbsp;<span class="glyphicon glyphicon-send"></span></button> 
</form> 

<div id="dialog" style="display: none"> 
Thank you for your review, this dialog will automatically close in 10 seconds. 
</div>  
</div> 
    <script type="text/javascript"> 
$(document).ready(function() 
{ 
;(function($) { 

    // DOM Ready 
    $(function() { 

     // Binding a click event 
     // From jQuery v.1.7.0 use .on() instead of .bind() 
     $('#my-button').on('click', function(e) { 

      // Prevents the default action to be triggered. 
       e.preventDefault();      
$('#feedbackForm').ajaxForm(function() { 

$('#dialog').bPopup({ 
autoClose: 3000, 
    easing: 'easeOutBack', //uses jQuery easing plugin 
     speed: 450, 
     transition: 'slideDown' 
}); 

    }); 
    }); 
    }); 

}); 
})(jQuery); 
</script>

它提交表單，但modale彈出窗口不會打開... 謝謝您的幫助！

來源

2016-05-12 seb606

謝謝你，是的，我包括jQuery的，如果我刪除的：「$（ '＃feedbackForm'）給ajaxForm（函數（）{」，該modale彈出窗口打開並autoclose，但表單不提交然後...... – seb606

取決於您打算等待3秒鐘，根據您的需要。你至少可以得到彈出走開使用下面一點的jQuery：

$("#dialog").hide();

此外，由於使用的是你可能要確保其被正確地稱爲插件。檢查控制檯並記錄任何錯誤或缺少錯誤。

你可以找到一些寫上去的：bpopup

來源

2016-05-12 23:09:53

謝謝約瑟夫，我是一個初學者，所以我真的不知道如何解決這個問題。通常我想clic在提交按鈕和彈出窗口出現然後消失或關閉，然後提交表格，我會再次檢查網站，但有一點更多的幫助將受到歡迎^^ – seb606

我不認爲我有足夠的信息。根據您的代碼，您將需要一個ajax請求你還沒有，你可以發佈你的表單和ajax請求嗎？如果你沒有ajax請求，但你有一個地方POST或GET數據。如果您提供完整的表格，我可以創建您需要從中學習的內容。 –

謝謝，我在表單中添加了部分代碼，我沒有ajax請求。 – seb606

我想在提交表格

回答

相關問題