CK编辑器Jquery验证

时间:2018-11-27 17:35:16

标签: jquery

这是我的问题,请任何人可以帮助我?

在提交表格之前,我需要检查用户是否填写了CKEditor文本区域。 我已经在验证脚本和验证工作中添加了功能。

我现在的问题是消息“请输入文字”对用户不显示。

代码有什么问题?

这是我的配置:

// Validation config
var _componentValidation = function() {
    if (!$().validate) {
        console.warn('Warning - validate.min.js is not loaded.');
        return;
    }

    // Initialize
    var validator = $('.form-validate-jquery').validate({
        ignore: 'input[type=hidden], .select2-search__field', // ignore hidden fields
        errorClass: 'validation-invalid-label',
        successClass: 'validation-valid-label',
        validClass: 'validation-valid-label',
        highlight: function(element, errorClass) {
            $(element).removeClass(errorClass);
        },
        unhighlight: function(element, errorClass) {
            $(element).removeClass(errorClass);
        },
        // success: function(label) {
        //    label.addClass('validation-valid-label').text('Success.'); // remove to hide Success message
        // },

        // Different components require proper error label placement
        errorPlacement: function(error, element) {

            // Unstyled checkboxes, radios
            if (element.parents().hasClass('form-check')) {
                error.appendTo( element.parents('.form-check').parent() );
            }



    // CKEditor
            else if (element.next().hasClass('cke')) {
                error.insertAfter( element.next('.cke') );
            }


            // Other elements
            else {
                error.insertAfter(element);
            }
        },
        rules: {

            cktext:{
                 required: function() 
                {
                 CKEDITOR.instances.cktext.updateElement();
                },


            }


        },
        messages: {

            cktext: {
                required: 'Please enter Text'
            }
            agree: 'Please accept our policy'
        }
    });

    // Reset form
    $('#reset').on('click', function() {
        validator.resetForm();
    });
};

通过这种方式,我将CKEDITOR放入HTML

<textarea name="editor-full" id="editor-full" rows="4" cols="4"></textarea>

0 个答案:

没有答案