Jquery validation not working with ckeditor

by

Finally i found the answer to my question…

I changed the value of ignore property which by default holds :hidden value. as CKEDITOR hides the textarea jQuery validation doesn’t validate the element:

   ignore: []

Just i changed the validation script as follows..

     $(document).ready(function(){

            $("#f3").validate(
            {
                ignore: [],
              debug: false,
                rules: { 

                    cktext:{
                         required: function() 
                        {
                         CKEDITOR.instances.cktext.updateElement();
                        },

                         minlength:10
                    }
                },
                messages:
                    {

                    cktext:{
                        required:"Please enter Text",
                        minlength:"Please enter 10 characters"


                    }
                }
            });
        });

HTML snippet is

   <form class="form-horizontal" role="form" name="f3" id="f3" >
     <div class="col-xs-8">
        <textarea class="ckeditor" name="cktext" id="cktext"></textarea>
    </div>
     <button type="submit" class="btn btn-default btn-success">Submit</button>
   </form>

As i found this answer in Here

Thanks to all…

More Related Contents:

  1. How to display messages from jQuery Validate plugin inside of Tooltipster tooltips?
  2. jQuery validation: change default error message
  3. jQuery Validation plugin: disable validation for specified submit buttons
  4. jQuery Validate – require at least one field in a group to be filled
  5. validating multiple textbox having same name with jquery validator validates only first input
  6. How to clear jQuery validation error messages?
  7. jQuery Validate Required Select
  8. How to validate array of inputs using validate plugin jquery
  9. Unobtrusive validation in Chrome won’t validate with dd/mm/yyyy
  10. ASP.net MVC 3 jQuery Validation; Disable Unobtrusive OnKeyUp?
  11. jQuery validate plugin: validate on blur() by default
  12. How can I use jQuery validation with the “chosen” plugin?
  13. jQuery Validation not working in IE7 + IE8
  14. jQuery Validate Ignore elements with style
  15. Jquery Validation for Dynamically Created Fields
  16. onkeyup and onfocusout is not working in jQuery Validate
  17. How to add a ‘submitHandler’ function when using jQuery Unobtrusive Validation?
  18. attaching jquery validation to replacement element
  19. $(“#form1”).validate is not a function
  20. jQuery Validation plugin: validate check box
  21. Manually set unobtrusive validation error on a textbox
  22. jquery client side validation not working in MVC3 partial view
  23. Validating array inputs using jquery validation plugin
  24. JQuery.validate – one rule on blur only; the rest should be normal?
  25. JQuery validation-select required if checkbox checked
  26. validation for at least one checkbox
  27. jQuery multiple input name[] validation
  28. Using jQuery to grab the content from CKEditor’s iframe
  29. jQuery validate plugin : accept letters only?
  30. jQuery validation onblur

Leave a Comment