与ckeditor集成的textarea的jquery验证

Question

我有一个 text-area

<td><textarea id="event-body" name="body">
<p class="error"></p>

这与CKEDITOR整合在一起

CKEDITOR.replace("event-body")

并且jquery验证插件.代码是这样的

$('#event').validate({
    rules:{
        name:{
            required: true
        },  
    },
    messages:{
        body:{
            required: "event body is required"
        }
    },
    errorPlacement: function(error, element){
        $(element).each(function (){
            $(this).parent('td').find('p.error').html(error);
        })
    });

代码工作正常,但当我输入我的textarea元素时,我仍然收到错误消息,直到我点击它两次.即我必须提交我的页面两次,以便即使textarea不是空的我也不会出现错误消息.

没有办法顺利验证它(无需点击两次).

Answer 1

看看这里

基本上你需要打电话

CKEDITOR.instances.editor1.updateElement();

在运行验证之前.

只需替换editor1textarea的名称即可.

然后打电话

$(myformelement).validate();

编辑

$("#my-form-submit-button").click(function(e){
     e.preventDefault();
     CKEDITOR.instances.event-body.updateElement();
     $('#event').validate({
          ...options as above..
     });o
})