javascript - Bootstrap Validator Summernote 字段不会重新验证

Question

我正在使用引导验证器插件来验证我的表单客户端，但在重新验证 Summernote 文本区域时它似乎失败了。它第一次验证，但是当文本更新时，验证不会更新。

这是验证(剪掉其他验证字段)

function validateEditor() {
    // Revalidate the content when its value is changed by Summernote
    $('#application-form').bootstrapValidator('revalidateField', 'application'));
};

$('.application-form')
    .bootstrapValidator({
        excluded: [':disabled'],
        fields: {
            application: {
                validators: {
                    callback: {
                        message: 'Please do not leave this blank.',
                        callback: function(value, validator) {
                            var code = $('[name="application"]').code();
                            // <p><br></p> is code generated by Summernote for empty content
                            return (code !== '' && code !== '<p><br></p>');
                        }
                    }
                }
            }
        }
    }).on('success.form.bv', function(e) {

        e.preventDefault();
        console.log('Form successfully validated.');


    })
    .find('[name="application"]')
        .summernote({
            height: 400,
            onkeyup: function() {

                validateEditor(); // Revalidate form onkeyup

            },
            onpaste: function() {

                validateEditor(); // Revalidate form on paste

            },

        });

这是标记(再次从其他字段中截取)

<div class="form-group">        

    <textarea name="application"></textarea>

</div>

这是一个大问题，因为如果文本区域第一次留空，则永远无法重新提交表单，因为当用户修复错误时验证不会更新。

Answer 1

我也遇到了同样的问题，但是使用 FormValidation.io，这是一个非常相似的插件。

解决方案:我的文本区域具有 required 属性。我删除了它，然后，问题就解决了。

现在，如果这不能直接解决您的问题，我真的很抱歉，您的代码显然没有 required 属性，但我只是想与其他人分享仍然有人，因为这让我发疯了好几个小时，这是这里关于这个问题最相关的帖子。

仅此而已。