javascript - CKEditor和JQuery验证: error message not disappearing after entering text

Question

即使在 CKEditor 中输入文本后，JQuery 验证错误消息也不会消失。

fiddler : http://jsfiddle.net/BmZ93/458/

代码:

$(document).ready(function() {
    $('#add-job').validate({
    ignore: [],         
    rules: {
                editor1: {
                    required: function() 
                    {
                      CKEDITOR.instances.editor1.updateElement();
                    }
                  }
                },
                messages: {
                Job_Title: "Required",
                Job_Location: "Required",
                jobid: "Required",
                Job_Cat: "Required",
                editor1: "Required"
                },
                /* use below section if required to place the error*/
                errorPlacement: function(error, element) 
                {
                    if (element.attr("name") == "editor1") 
                    {
                       error.insertBefore("textarea#editor1");
                    } else {
                       error.insertBefore(element);
                    }
                }
            });
});

期望:一旦用户在 ckeditor 中输入一些文本，验证错误消息就会消失。

任何建议/方向将不胜感激。

Answer 1

你可以在你的JS中添加这个，当CKEditor有内容时它会隐藏错误:

CKEDITOR.instances.editor1.on('change', function() {    
    if(CKEDITOR.instances.editor1.getData().length >  0) {
      $('label[for="editor1"]').hide();
    }
});

演示:http://jsfiddle.net/BmZ93/460/