【问题标题】:Bootstrap Validator summernote field doesn't revalidateBootstrap Validator Summernote 字段不会重新验证
【发布时间】:2014-10-10 02:30:36
【问题描述】:

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

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

【问题讨论】:

  • 您找到解决方案了吗?我遇到了同样的问题。

标签: javascript jquery validation summernote


【解决方案1】:

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

解决方案:我的 textarea 有 required 属性。我删除了它然后砰,问题解决了。

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

就是这样。

【讨论】:

    猜你喜欢
    • 2017-11-21
    • 2015-12-04
    • 1970-01-01
    • 1970-01-01
    • 2017-06-12
    • 1970-01-01
    • 2019-03-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多