CKEditor和JQuery验证:输入文本后错误消息不会消失

时间:2016-11-22 15:40:13

标签: javascript jquery ckeditor jquery-validate

即使在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);
                    }
                }
            });
});

enter image description here

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

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

1 个答案:

答案 0 :(得分:4)

您可以在JS上添加它,它会在CKEditor有内容时隐藏错误:

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

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