javascript - 使用 bootstrap modal 通过 jquery 验证加载不同的内容

Question

我正在使用 Bootstrap 模型来编辑表值。它工作完美。但是当我使用 BootstrapValidator 插件来验证该模式时出现了问题。问题是当我第一次单击“编辑”并加载模型时，它可以正常工作。然后，如果我在同一页面中再次单击编辑，属于前一个的验证错误仍然会显示。此处显示屏幕截图，

模态调用

<a data-toggle="modal" data-target="#dealModal" onclick="ajax_get_edit_data('.$id.');"></a>

验证

<script type="text/javascript">
    $(document).ready(function () {     
    $('#dealForm')
        .bootstrapValidator({
            message: 'This value is not valid',
            fields: {
                deal_description: {
                    message: 'The deal discription is not valid',
                    validators: {
                        notEmpty: {
                            message: 'The deal discription is required and can\'t be empty'
                        }
                    }
                }
            }
        })
        .on('success.form.bv', function(e) {
            // Prevent form submission
            e.preventDefault();

            // Get the form instance
            var $form = $(e.target);

            // Get the BootstrapValidator instance
            var bv = $form.data('bootstrapValidator');

            // Use Ajax to submit form data
            //$.post($form.attr('action'), $form.serialize(), function(result) {
            //  console.log(result);
            //}, 'json');
        });
</script>

Answer 1

表格提交后，请调用resetForm方法:

...
var bv = $form.data('bootstrapValidator');
...
// After successful post
bv.resetForm();