blocks|key|4684489|text|您应该更改默认情况下保存:hidden值的ignore属性的值。因为CKEDITOR隐藏了文本区域，所以jQuery验证不会验证元素：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4684490|ignore:+[]+|code-block|syntax|javascript|4684491|http://jsfiddle.net/BmZ93/5/|4684492|还要注意，你应该在你的required方法中返回一个布尔值，但你没有，在这里传递true就足够了。|4684493|required:+true|4684494|这是更新后的代码，同样使用了errorPlacement方法来添加边框到CKEDITOR包装器中，您可以根据自己的需要进行自定义：|4684495|$(document).ready(function+()+{
++++$('#add-job').validate({
++++++++rules:+{
++++++++++++'editor1':+{
++++++++++++++++required:+true
++++++++++++}
++++++++},
++++++++messages:+{
++++++++++++Job_Title:+"Required",
++++++++++++Job_Location:+"Required",
++++++++++++jobid:+"Required",
++++++++++++Job_Cat:+"Required",
++++++++++++editor1:+"Required"
++++++++},
++++++++errorPlacement:+function(error,+$elem)+{
++++++++++++if+($elem.is('textarea'))+{
++++++++++++++++$elem.next().css('border',+'1px+solid+red');
++++++++++++}
++++++++},
++++++++ignore:+[]
++++});
});|4684496|entityMap|0|LINK|mutability|MUTABLE|url^0|C|7|L|6|Y|8|0|0|0|S|0|0|B|8|14|4|0|0|E|E|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]|$9|16|A|17|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|19|8|@]|D|@$9|1A|A|1B|1|1C]]|E|$]]|$1|M|3|N|5|6|7|1D|8|@$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|O|3|P|5|H|7|1I|8|@]|D|@]|E|$I|J]]|$1|Q|3|R|5|6|7|1J|8|@$9|1K|A|1L|B|C]]|D|@]|E|$]]|$1|S|3|T|5|H|7|1M|8|@]|D|@]|E|$I|J]]|$1|U|3|-4|5|6|7|1N|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|L]]]]

You should change the value of <code>ignore</code> property which by default holds <code>:hidden</code> value. as <code>CKEDITOR</code> hides the textarea jQuery validation doesn't validate the element:

<pre><code>ignore: [] 
</code></pre>

<a href="http://jsfiddle.net/BmZ93/5/">http://jsfiddle.net/BmZ93/5/</a>

Also note that you should return a boolean value in your <code>required</code> method, you don't. Here passing <code>true</code> suffices. 

<pre><code>required: true
</code></pre>

This is the updated code which also uses <code>errorPlacement</code> method for adding a border to the CKEDITOR wrapper, you can customize it according to your needs:

<pre><code>$(document).ready(function () {
 $('#add-job').validate({
 rules: {
 'editor1': {
 required: true
 }
 },
 messages: {
 Job_Title: "Required",
 Job_Location: "Required",
 jobid: "Required",
 Job_Cat: "Required",
 editor1: "Required"
 },
 errorPlacement: function(error, $elem) {
 if ($elem.is('textarea')) {
 $elem.next().css('border', '1px solid red');
 }
 },
 ignore: []
 });
});
</code></pre>

blocks|key|178472|text|下面是用下面代码更新代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|178473|http://jsfiddle.net/rohanppatil/BmZ93/8/|offset|length|178474|$(document).ready(function()+{
$('#add-job').validate({
++++ignore:+[],+++++++++
++++rules:+{
++++++++++++++++editor1:+{
++++++++++++++++++++required:+function()+
++++++++++++++++++++{
++++++++++++++++++++CKEDITOR.instances.editor1.updateElement();
++++++++++++++++++++}
++++++++++++++++++++}
++++++++++++++++},
++++++++++++++++messages:+{
++++++++++++++++Job_Title:+"Required",
++++++++++++++++Job_Location:+"Required",
++++++++++++++++jobid:+"Required",
++++++++++++++++Job_Cat:+"Required",
++++++++++++++++editor1:+"Required"
++++++++++++++++},
++++++++++++++++/*+use+below+section+if+required+to+place+the+error*/
++++++++++++++++errorPlacement:+function(error,+element)+
++++++++++++++++{
++++++++++++++++++++if+(element.attr("name")+==+"editor1")+
+++++++++++++++++++{
++++++++++++++++++++error.insertBefore("textarea#editor1");
++++++++++++++++++++}+else+{
++++++++++++++++++++error.insertBefore(element);
++++++++++++++++++++}
++++++++++++++++}
++++++++++++});
});|code-block|syntax|javascript|178475|希望这能行得通，我在JSFIDDLE中进行了测试，运行良好|178476|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|14|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|H|7|Y|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|Z|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|C]]]]

Here it is update your code with this

<a href="http://jsfiddle.net/rohanppatil/BmZ93/8/">http://jsfiddle.net/rohanppatil/BmZ93/8/</a>

<pre><code>$(document).ready(function() {
$('#add-job').validate({
 ignore: [], 
 rules: {
 editor1: {
 required: function() 
 {
 CKEDITOR.instances.editor1.updateElement();
 }
 }
 },
 messages: {
 Job_Title: "Required",
 Job_Location: "Required",
 jobid: "Required",
 Job_Cat: "Required",
 editor1: "Required"
 },
 /* use below section if required to place the error*/
 errorPlacement: function(error, element) 
 {
 if (element.attr("name") == "editor1") 
 {
 error.insertBefore("textarea#editor1");
 } else {
 error.insertBefore(element);
 }
 }
 });
});
</code></pre>

Hope this will work I tested this in JSFIDDLE working fine

I know there are loads of questions out there about this but I can't get this to work for the life of me. I have tried several solutions including <a href="http://devlog.waltercruz.com/usando-ckeditor-e-jquery-validate-juntos" rel="nofollow noreferrer">this</a>, <a href="https://stackoverflow.com/questions/1903504/using-ckeditor-with-jquery-validation-plugin-not-working">the second answer here</a> and <a href="http://css.dzone.com/articles/using-jquery-validate-plugin" rel="nofollow noreferrer">this</a>, and I can't get the "required" message to appear. The form still submits when the ckeditor field is empty.

I looked at the documentation <a href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#updateElement" rel="nofollow noreferrer">here</a> and am able to pass the contents of the editor to an alert but am not experienced enough to know how to integrate this with the validation plugin. I've spent so much time on this - can anyone please help? 

Here is my current code, and I created a fiddle: <a href="http://jsfiddle.net/BmZ93/1/" rel="nofollow noreferrer">http://jsfiddle.net/BmZ93/1/</a>

<pre><code> $('#add-job').validate({
 rules: {
 editor1: {
 required: function() 
 {
 CKEDITOR.instances.editor1.updateElement();
 }
 }
 },
 messages: {
 Job_Title: "Required",
 Job_Location: "Required",
 jobid: "Required",
 Job_Cat: "Required",
 editor1: "Required"
 } 
 });
</code></pre>

ckeditor data not being validated by jQuery validation

我知道有很多关于这方面的问题，但我不能让它在我的生活中工作。我尝试了几种解决方案，包括、和，但我无法获得“必需”的消息。当ckeditor字段为空时，表单仍会提交。我查看了文档，并能够将编辑器的内容传递给警报，但经验不足，无法知道如何将其与验证插件集成。我在这上面花了很多时间--有人能帮我吗？下面是我当前的代码，我创建...

问jQuery验证未验证检查器数据
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery验证未验证检查器数据EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery验证未验证检查器数据
EN