Как повторно проверить поля ckeditor после того, как значение введено в поля

Question

Я хочу заново проверить поля ckeditors, используя bootstrapvalidator.

Option1: {
    validators: {
        notEmpty: {
            message: 'The A is required'
        }
    }
},
Option2: {
    validators: {
        notEmpty: {
            message: 'The B is required'
        }
    }
},
Option3: {
    validators: {
        notEmpty: {
            message: 'The C is required'
        }
    }
},
Option4: {
    validators: {
        notEmpty: {
            message: 'The D is required'
        }
    }
},                    
QBQuestion: {
    validators: {
        notEmpty: {
            message: 'The QBQuestion is required and cannot be empty'
        }
    }
}

Это мой код div:

<div class="row form-group">
    <div class="col-lg-12">
        <lable>Question</lable>
        <textarea name="QBQuestion" id="QBQuestion" rows="10" cols="80" class="form-control"></textarea>
    </div>
</div>

<div class="row form-group">
     <div class="col-lg-3">
         <lable>A</lable>
         <textarea name="Option1" id="Option1" rows="10" cols="80" class="form-control"></textarea>
     </div>
     <div class="col-lg-3">
         <lable>B</lable>
         <textarea name="Option2" id="Option2" rows="10" cols="80" class="form-control"></textarea>
     </div>
     <div class="col-lg-3">
         <lable>C</lable>
         <textarea name="Option3" id="Option3" rows="10" cols="80" class="form-control"></textarea>
     </div>
     <div class="col-lg-3">
         <lable>D</lable>
         <textarea name="Option4" id="Option4" rows="10" cols="80" class="form-control"></textarea>
     </div>
 </div>

Здесь я использовал bootstrapvalidator для проверки. После ввода некоторого текста поля не проходят повторную проверку. Здесь у меня есть пять полей ckeditor. Мне нужно проверить все пять полей, если у них есть данные.

Answer 1

Сценарий Ckeditor скрывает текстовые области, поэтому проверка не будет работать, попробуйте этот код в Jquery

 $(document).ready(function(){

        $("#form").validate(
        {
          ignore: [],
          debug: false,
            rules: { 

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

                     minlength:10
                }
            },
            messages:
                {

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


                }
            }
        });
    });

Обратите внимание, что ignore: [] важно для активации проверки.