jQueryでTINYMCE Editorを検証するにはどうすればよいですかValidate

Question

私はフォームを作成していますので、フォーム（tinymce editor 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>とを効果的に隠すことがわかります<textarea>。

このため、jQueryに<textarea>の値を見てもらうと、最初にTinyMCEを読み込んだときの初期値が残っている可能性があります。

jQueryで基になる<textarea>を検証するには、まず<textarea>をTinyMCEの現在の内容で更新する必要があります。これを行うには、triggerSave() APIを使用する必要があります。これにより、TinyMCEは即座に基礎となる<textarea>をエディタの現在の値で更新します。