如何使用validate.js驗證ckeditor？

Question

我將CKEDITOR加載到具有id =“ txtNews”且名稱為=“ news”的textarea中后，要對其進行驗證。 我想使用validate.js來驗證ckeditor。 如果ckeditor為空白，並且我單擊“保存”按鈕，則ckeditor應標記為“ *”紅色。 並且不應繼續進行。

我嘗試驗證其他字段，包括textarea等，但是當我將CKEDITOR加載到textarea並使用其name屬性使用規則和消息作為傳遞給validate（）函數的對象作為參數進行驗證時，則只有具有CKEDITOR的textarea無效。
注意：我只想使用validate.js進行驗證，並且必須使用name屬性進行驗證。
有人可以給我答案嗎？

此圖像將有所幫助，我有問題。

HTML代碼如下：

                <div class="frmlabel">
                    <label class="sfFormlabel">
                        NewsTitle</label>
                </div>
                <div class="inputclass">
                    <textarea id="txtNewsTitle" name="newstitle" class="sfTextarea"></textarea>
                </div>
            </div>
            <div class="fieldwrapper">
                <div class="frmlabel">
                    <label class="sfFormlabel">
                        Searach Key</label>
                </div>
                <div class="inputclass">
                    <textarea id="txtNewsSearchKey" name="search" class="sfTextarea"></textarea>
                </div>
            </div>
            <div class="fieldwrapper">
                <div class="frmlabel">
                    <label class="sfFormlabel">
                        News</label>
                </div>
                <div class="inputclass">                
                    <textarea id="txtNews" name="news" class="sfTextarea"></textarea>
                </div>
            </div>
     <div class="sfButtonwrapper">
                <button type="button" id="btnSaveNews" class="sfBtn">
                    Save</button>
                <button id="btnCancelNews" class="sfBtn">
                    Cancel</button>
            </div>

和JS代碼

     delete CKEDITOR.instances['txtNews'];
                    $("#txtNews").ckeditor();              

                    $('#btnSaveNews').bind('click', function() {

                        var v = $("#form1").validate({

                            ignore: ':hidden',
                            messages: {
                                newstitle: {
                                    required: '*'
                                },
                                search: {
                                    required: '*'
                                },
                                news: {
                                    required: '*'

                                },
                                date: {
                                    required: '*'
                                }
                            },
                            rules: {
                                newstitle: {
                                    required: true
                                },
                                search: {
                                    required: true
                                },
                                news: {
                                    required: true,
                                    news:true                                  
                                },
                                date: {
                                    required: true
                                }
                            }
                        });  

                        if (v.form()) {
                            News.SaveNews();  

                            return false;
                        }

                    });

Answer 1

看看這個問題 。

這些答案中使用的技術是使用CKEditor內容更新文本區域，然后對其進行驗證。