我想在提交表格

之后弹出一个模型弹出窗口。所以在提交表单进行审查之后，我想要一个模式弹出窗口来感谢客户并在延迟后自动关闭。我有这样的代码：我想在提交表格

<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

我想在提交表格

回答

相关问题