0

我想在将 CKEDITOR 加载到具有 id="txtNews" 并且它具有 name="news" 的文本区域后验证它。我想使用 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;
                        }

                    });
4

1 回答 1

0

看看这个问题

这些答案中使用的技术是使用 CKEditor 内容更新 textarea,然后对其进行验证。

于 2012-07-23T11:20:51.760 回答