Question

我正在使用jQuery Form Validator库进行验证，并且可以按我的期望正常运行。

现在，我已经集成了名为CKeditor 4.x的所见即所得编辑器，并且我想进行required验证。但是它对我不起作用。到目前为止，这是我所做的。

<textarea name="description" id="description" rows="10" cols="80" data-validation="required" data-validation-error-msg-required="Please Enter Blog Title." ></textarea>

<script src="//cdn.ckeditor.com/4.11.4/standard/ckeditor.js"></script>
<script> 

CKEDITOR.replace( 'description' );


$.validate({     
    ignore: [],   
    form: '#admin-blog-form',
    inputParentClassOnError: 'admin-form-error',
    scrollToTopOnError: false,
    debug: false,
    rules: {

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

            minlength: 10
        }
    },
    messages:
    {

        description: {
            required: "Please enter Text",
            minlength: "Please enter 10 characters"


        }
    }



});

</script>

您会看到我有一个名为admin-blog-form的表单ID，我的CKeditor ID是description。

我正在尝试通过遵循jquery-validation-not-working-with-ckeditor的答案来使用rules变量，但是使用此库对我来说不起作用。

我还尝试遵循文档并尝试使用以下代码编写custom-validators。

$.formUtils.addValidator({
        name: 'requiredCKEditor',
        validatorFunction: function (value, $el, config, language, $form) {
            return false;
        },
        errorMessage: 'You have to answer with an even number',

    });

<textarea name="description" id="description" rows="10" cols="80" data-validation="requiredCKEditor" ></textarea>

但这对我也不起作用。我已经阅读了libary的其他文档页面，但是没有什么可以帮助我进行集成。

有人可以指导我如何实现这一目标吗？

带有CKeditor 4.x验证的jQuery Form Validator无法正常工作

0 个答案: