1

我正在使用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>

如您所见，我有一个名为 as 的表单 ID，admin-blog-form而我的 CKeditor id 是description.

我正在尝试rules通过遵循jquery-validation-not-working-with-ckeditor答案来使用变量，但它不适用于我使用这个库。

我还尝试遵循文档并尝试使用以下代码编写自定义验证器。

$.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 的其他文档页面，但没有任何帮助我整合它。

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

4

0 回答 0