Bootstrap Modal ajax 保存多条记录,bootstrapValidator

Posted

技术标签:

【中文标题】Bootstrap Modal ajax 保存多条记录,bootstrapValidator【英文标题】:Bootsrap Modal ajax save multiple record, bootstrapValidator 【发布时间】:2019-04-20 22:53:31 【问题描述】:

我对引导模式形式有疑问。对于使用 bootstrapValidator 验证字段。我的问题是,当我弹出模式然后关闭来自输入的数据被删除,但是当我再次弹出并填充字段然后发送 AJAX 我的脚本插入到数据库多条记录。

<script>
    $(document).ready(function () 
        $(".bs-example-modal-lg").on('hidden.bs.modal', function (e) 
            $("#ModalClientTransportowe").bootstrapValidator('resetForm', true);
        );
    );
</script>

<script>
    $('.bs-example-modal-lg').on('shown.bs.modal', function () 
        $(document).ready(function () 

            $('#ModalClientTransportowe').bootstrapValidator(
                message: 'This value is not valid',
                excluded: [':disabled'],
                feedbackIcons: 
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                ,
                fields: 
                    company: 
                        validators: 
                            notEmpty: 
                                message: 'Proszę wprowadzić nazwe klienta'
                            
                        
                    ,
                
            );
        ).on('success.form.bv', function (e) 
            e.preventDefault();
            var data = $("#ModalClientTransportowe").serialize();
            $.ajax(
                type: 'POST',
                data: data,
                url: " path('saveClient') ",
                success: function (data) 
                    $('#hint').val(data);
                    $('.bs-example-modal-lg').modal('hide')
                ,
            );
        );
    );
</script>

我认为问题在于在每个 show.bs.modal 操作上调用 ajax。

有人可以就我如何才能正常工作提供建议吗?

【问题讨论】:

【参考方案1】:

好的,答案很简单……我在演出活动中删除了,everythink 工作! :)

【讨论】:

以上是关于Bootstrap Modal ajax 保存多条记录,bootstrapValidator的主要内容,如果未能解决你的问题,请参考以下文章

将 Django 和 Bootstrap 5 Modal 与 Ajax 结合使用

一个Django插件,用于在Bootstrap模式中创建AJAX驱动的表单。

Bootstrap-modal Ajax弹窗传值缓存怎么清除

bootstrap中modal框数据不清空,怎么解决

前端框架Bootstrap的Modal使用Ajax数据源,如何避免数据被缓存

Bootstrap Modal 和 Jquery Address ajax 重定向计时问题