使用ajax和验证时关闭模态

时间:2015-12-06 08:13:42

标签: javascript php jquery ajax twitter-bootstrap

我遇到了一个关于使用bootstrap关闭数据模式的小问题我已经在当前阶段显示了一些代码,ajax通过输入提交字段验证表单,但是它没有关闭它所在的模态

所以我的问题我如何利用相同的ajax代码,但允许数据模式在提交时关闭请记住模态id是webapp_customers_modal但是动态结果,因为它在多个地方使用

这是我想使用的首选方法,但不提交表单

<button type='submit' data-dismiss='modal'data dismiss='modal'>Save</button>

这是使用此作品的当前表单提交,但不关闭模态

<input type='submit' class='btn btn-info' value='Save' >

这是ajax代码

        <script>
        $(function() {
            $('form.frm_details').on('submit', function(event) {
                event.preventDefault();
                $.ajax({
                    url: '/limitless/functions2.php',
                    type: 'post',
                    dataType: 'json',                       
                    data: $(this).serialize(),
                      success: function(data) {
                           if(data.status == '1')
                            {
                                $('#info').addClass('alert alert-danger no-border').html(data.message);
                            } 
                           if(data.status == '2')
                            {
                                $('#info').addClass('alert alert-danger no-border').html(data.message);
                                webapp_get_customers(); 
                            }                               
                        }  
                });
            });
        });
    </script>

2 个答案:

答案 0 :(得分:3)

如果您一次只打开一个模态,则可以向它们添加一个公共类,例如 my-modals ,然后在您的脚本中使用它。这样您就不需要跟踪动态创建的ID了。

$('.my-modals').modal('hide');

答案 1 :(得分:0)

为什么不使用javascript关闭模态?给你的模态一个Id

$('#myModal').modal('hide'); //This closes modal with id 'myModal'

PS:您可以在成功回调中添加上述代码。