2016-11-22 16 views
1

CKEditorにテキストを入力してもJQuery検証エラーメッセージが表示されなくなります。CKEditorとJQuery検証:テキスト入力後にエラーメッセージが消えない

フィドラー: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バージョンでいくつかのテキストを入力すると、検証エラーメッセージが消えなければなりません。

ご意見、ご指摘をいただければ幸いです。

+0

エラーあなたが参照していますか? –

+1

彼は、ユーザーが空のフォームを送信すると、必要なエラーが表示され、ユーザーがCKEditorに何かを入力するとエラーが消えてしまうことを意味します。 – Troyer

+0

スナップショットが追加されました。確認してください。 –

答えて

2

あなたはCKEditorバージョンがコンテンツを持っているときにエラーを非表示になります、あなたのJSでこれを追加することができます。

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

デモ:http://jsfiddle.net/BmZ93/460/

+0

なぜこの答えを使用しないでください? –

+0

私の最後にこれを試してみよう、 –

+0

希望はあなたを助けた;) – Troyer

関連する問題