我如何驗證TINYMCE編輯器與jQuery驗證

Question

我正在創建一個窗體，我想驗證我的窗體（包括tinymce編輯器textarea）。

這是我的代碼。

$('#edit_info').validate({ 
    errorElement: 'span', 
    errorClass: 'error', 
    focusInvalid: false, 
    ignore: "", 
    rules: { 
     title: { 
      required: true 
     }, 
     logo: { 
      required: true 
     }, 
     sort: { 
      required: true 
     }, 
     show_on_dashboard: { 
      required: true 
     }, 
     description: { 
      required: true 
     } 
    } 
}); 

但我必須按'提交'2次，然後驗證發生。任何想法爲什麼？

Answer 1

當TinyMCE注入頁面時，原始表單元素（例如<textarea>）不再可見。如果您使用瀏覽器工具，您將看到TinyMCE注入了一系列<div> s和，有效地隱藏了您的<textarea>。因此，如果您要求jQuery查看<textarea>中的值，它可能仍然具有初次加載TinyMCE時的初始值。

爲了讓jQuery驗證底層的<textarea>，您首先必須用TinyMCE的當前內容更新<textarea>。爲此，您需要使用triggerSave() API。這將強制TinyMCE立即用編輯器中的當前值更新潛在的<textarea>。