简体   繁体   中英

CKEDITOR validation in JQuery

i want validate my ckeditor with jquery validation,Validation fire on submit event and give error message on that according message

Web Page:

Script:
 jQuery.validator.setDefaults({
                            highlight: function (element, errorClass, validClass) {
                                if (element.type === "radio") {
                                    this.findByName(element.name).addClass(errorClass).removeClass(validClass);
                                } else {
                                    $(element).closest('.form-group').removeClass('has-success has-feedback').addClass('has-error has-feedback');
                                    $(element).closest('.form-group').find('span.icon').remove();
                                    $(element).closest('.form-group').append('<span class="icon icon-validation-error"></span>');
                                }
                            },
                            unhighlight: function (element, errorClass, validClass) {
                                if (element.type === "radio") {
                                    this.findByName(element.name).removeClass(errorClass).addClass(validClass);
                                } else {
                                    $(element).closest('.form-group').removeClass('has-error has-feedback').addClass('has-success has-feedback');
                                    $(element).closest('.form-group').find('span.icon').remove();
                                    $(element).closest('.`enter code here`form-group').append('<span class="icon icon-validation-right"></span>');
                                }
                            }
                        });
<form class="form-horizontal" role="form" name="form-name" id="form-name" >

    <textarea class="ckeditor" name="cktext" id="cktext"></textarea>

 <button type="submit" class="btn btn-default btn-success">Submit</button>

  $(document).ready(function(){

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

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


                }
            },
            messages:
                {

                cktext:{
                    required:"Please enter Text",
                                       }
            }
        });
    });

You can use like below

 CKEDITOR.instances['id'].on('focus', function () {
   //Do something here.
 });

you can pass any valid event here.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM