JQuery中的CKEDITOR验证 [英] CKEDITOR validation in JQuery

问题描述

我想用jquery验证来验证我的ckeditor，在提交事件时触发验证，并根据消息给出错误消息

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

网页:

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",
                                       }
            }
        });
    });

这篇关于JQuery中的CKEDITOR验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！