Jquery Validierung in CkEditor

Question

Ich habe dieses Beispiel gesehen und es in meinem Code angewendet, aber nichts hat funktioniert, es funktioniert nicht.

Referral ans-1

Referral ans-2

brauche ich Jquery Validierung in ckeditor anzuwenden, und ich habe alle diese Beispiele aus der Vergangenheit gesehen, auch ich über diese Verbindungen erwähnt haben, damit meine Validierung Schritt tun funktioniert immer noch nicht.

Hier ist mein HTML-Code

<div class="elementbox"> 
       <label class="form-label">Content<span class="required">*</span></label> 
       <div class="controls"> 
        <textarea name="content_body" id="content_body" rows="10" cols="80"><?php echo $content_body; ?></textarea> 
       </div> 
      </div> 

<script> 
var url = "<?php echo base_url(); ?>"; 


CKEDITOR.replace('content_body',{ 
     //extraPlugins: 'imageuploader' 
     }); 
</script> 

Mein JQuery Validierungscode

$("#add_content_pages").validate({ 
     ignore: [], 
     debug: false, 
     rules: { 
      title: { 
       required: true 
      }, 
      content_id: { 
       required: true 
      }, 
      content_body:{ 
       required: function() 
       { 
        CKEDITOR.instances.content_body.updateElement(); 
       } 
      } 
     }, 
     messages: { 
      title: { 
       required: "Please enter Title" 
      }, 
      content_id: { 
       required: "Please Select Content Type" 
      }, 
      content_body: { 
       required: "Please enter Content" 
      } 
     }, 
     errorPlacement: function (error, element) { 
      var attr_name = element.attr('name'); 
      if (attr_name == 'type') { 
       error.appendTo('.type_err'); 
      } else { 
       error.insertAfter(element); 
      } 
     } 

    }); 

Jede Lösung, was mir fehlt?

Answer 1

überprüfen Sie bitte diesen Code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="https://cdn.jsdelivr.net/jquery.validation/1.15.0/jquery.validate.min.js"></script> 
<script src="https://cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script> 

dann HTML-Formular

<form action="" method="post" id="check_form"> 

<div class="elementbox"> 
    <label class="form-label">Content<span class="required">*</span></label> 

    <div class="controls"> 
     <textarea name="content_body" id="content_body" rows="10" cols="80"></textarea> 

     <div id="error_check_editor"></div> 
    </div> 
</div> 
<script> 
    CKEDITOR.replace('content_body'); 
</script> 
<br/> 
<input name="submit" type="submit" value="Submit" class="button" id="submit"/> 

</form> 

dann Skript

<script> 

$.validator.addMethod("check_ck_add_method", 
    function (value, element) { 
     return check_ck_editor(); 
    }); 

function check_ck_editor() { 
    if (CKEDITOR.instances.content_body.getData() == '') { 
     return false; 
    } 
    else { 
     $("#error_check_editor").empty(); 
     return true; 
    } 
} 


$(document).ready(function() { 

    $("#check_form").validate(
     { 
      ignore: [], 
      debug: false, 
      errorPlacement: function (error, element) { 
       if (element.attr("name") == "content_body") { 
        error.insertAfter(element); 
       } 
      }, 
      rules: { 

       content_body: { 
        check_ck_add_method: true 
       } 
      }, 
      messages: { 

       content_body: {} 
      } 
     }); 
}); 


</script>