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

标签 javascript jquery validation summernote

我正在使用引导验证器插件来验证我的表单客户端,但在重新验证 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>

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

最佳答案

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

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

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

仅此而已。

关于javascript - Bootstrap Validator Summernote 字段不会重新验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25341927/

相关文章:

javascript - 检测虚拟键盘与硬件键盘

javascript - 随机图像链接在元素列表中呈现相同的效果

javascript - 根据变量值检查单选按钮

javascript - JQuery ConnectingLine 插件没有正确定位线

regex - 如何在我想禁止字符而不是允许字符的地方指定特定长度的正则表达式?

Symfony 验证 : range between two numbers, 或一个值

javascript - Node.js AWS S3 上传从不调用 End 函数

javascript - 使用 <select multiple> 来过滤 div

javascript - 2018 相当于 jQuery 的基本 sizzle 选择器?

java - 查找字符串验证失败的位置