jQuery 유효성 검사 플러그인이 작동하지 않는 CKEditor를 사용합니다.

Question

저는 basedance에서 CKeditor 및 jQuery 유효성 검사 플러그인을 사용하고 있습니다. 내 텍스트 영역 (그것에 CKEditor 함께) jQuery에 의해 유효성이 검사되고 있지만 내 제출 단추 두 번째 클릭 한 후에 작동합니다.

요약하면 : 데이터가 CKEditor에 입력 될 때 처음 양식을 제출하면 "필드가 비어 있습니다"라고 표시됩니다. 두 번째로 확인하고 양식을 제출 중입니다.

나는 이것에 대한 해결책 읽기 : ". 당신이 바로 모든 검증 루틴 전에 CKEDITOR.editor :: updateElement를 호출하여이 문제를 해결할 수있다"

을

그래도 난 그것을 구현하는 방법을 찾을 수 없습니다 :

$(document).ready(function(){ 
    CKEDITOR.replace('prod_description', 
    { 
     toolbar: 'MyToolbar' 
    } 
    ); 

    $("#btnOk").click(function(){ 
     CKEDITOR.instances.editor1.updateElement(); 
     alert('click'); 
    }); 
}); 

이 항상 나에게 오류를 제공합니다

이 문제를 해결하는 방법에 어떤 아이디어 "CKEDITOR.instances.editor1은 정의되지 않습니다." CKEditor에서 문서가 여기에 있습니다 : 내가 작성하여 그것을 해결

, http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#updateElement

Answer 1

감사 czarchaic :

CKEDITOR.instances.prod_description.updateElement();

여기서 "prod_description"은 CKeditor가 연결된 텍스트 이름입니다.

Answer 2

이것은 최선의 방법은 아니지만 단순히 CKEditor에 데이터가 있는지 확인하는 jquery 규칙을 만들었습니다. 데이터가 있으면 규칙을 전달합니다. 그렇지 않으면 실패합니다. 이것은 나를 위해 꽤 잘 작동하는 것 같습니다.

//Have to build custom method to check ckeditor 
jQuery.validator.addMethod("ckeditor", function(value, element) { 
    var textData = editor.getData(); 
    if(textData.length>0) return true; 
    return false; 
}, "No data in editor"); 

그런 다음 내 규칙은 다음과 같습니다

'fieldName': "ckeditor" 

Answer 3

내 페이지에 여러 CKEDITORS를, 그래서이 수행

 // You need to update the editors before jqValidator. 
     for (var i in CKEDITOR.instances) 
     { 
      CKEDITOR.instances[i].updateElement(); 
     } 
     if (!jqValidator.form()) 
     { 
      alert('Error Alert: please correct the errors detailed below, then click "Apply changes" again.'); 
      return; 
     }