如何使用validate.js驗證ckeditor？

我想驗證CKEDITOR後加載它在id =「txtNews」textarea，它有名稱=「新聞」。我想使用validate.js來驗證ckeditor。如果ckeditor是空白的，如果我點擊'保存'按鈕，那麼ckeditor應該被標記爲'*'紅色。不應該繼續下去。如何使用validate.js驗證ckeditor？

我嘗試驗證包括textarea等其他字段，但當我加載CKEDITOR到textarea，並使用它的名稱屬性來驗證使用規則和消息作爲對象傳遞驗證（）函數作爲參數，然後只有textarea有CKEDITOR是不驗證。
注：我只想驗證使用validate.js和名稱屬性必須用於驗證。
有人可以給我答案嗎？

此圖像將幫助，我有什麼問題。 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; 
         } 

        });

來源

2012-07-23 Power

看一看this question。

這些答案中使用的技術是用CKEditor內容更新textarea，然後驗證它。

來源

2012-07-23 11:20:51 soupy1976

如何使用validate.js驗證ckeditor？

回答

相關問題