Question

我想在用id =“txtNews”的textarea加载后验证CKEDITOR，并且它有name =“news”。我想使用validate.js来验证ckeditor。如果ckeditor为空白，如果我点击“保存”按钮，则ckeditor应标记为“*”红色。不应该继续下去。

我尝试验证其他字段，包括textarea等，但是当我将CKEDITOR加载到textarea并使用它的name属性来验证使用规则和消息作为对象传递给validate（）函数作为参数然后只有具有CKEDITOR的textarea不是验证。
注意：我只想使用validate.js进行验证，并且必须使用name属性进行验证有人可以给我答案吗？

这张图片会有所帮助，我有什么问题。 enter image description here

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

查看this question。

这些答案中使用的技术是使用CKEditor内容更新textarea，然后验证它。

如何使用validate.js验证ckeditor？

1 个答案: