jQuery Validate + Ckeditor 验证 textarea （request） 解决方式

项目中用到jQuery Validate 和 Ckeditor，需要对textarea做非空限制，但直接加关键字request无效，于是找了度娘，但无解，谷歌马上就出来了，遂做个备案留与后来之人，及未来的我。

---

HTML代码：

<label>岗位介绍：</label>
                <div>
                      <textarea id="describes" name="describes"><#if role??>${role.describes!''}</#if></textarea>
                      <script src="<@path/>/js/ckeditor-4.5.8/ckeditor.js" type="text/javascript"></script><!-- 引入ckeditor js插件 -->
                      <script>
                            CKEDITOR.replace('describes', {//初始化id为describes的textarea
                                toolbar : 'Basic',//默认工具栏
                                filebrowserUploadUrl: '<@path/>/kindEditorCtrl.do?uploadType=information'//图片上传的接口链接
                            });
                      </script>
                </div>

---

JavaScript代码：

$().ready(function() {
    $('#form').submit(function(){
        $('textarea.ckeditor').each(function () {
           var $textarea = $(this);
           $textarea.val(CKEDITOR.instances[$textarea.attr('name')].getData());
        });
    });

        $("#form").validate({
        rules: {
            describes: {
                required: true //表单name为describes的验证规则
            }
        },
        ignore: '',
        errorPlacement: function(error, element) {
            if (element.attr('name') == 'content') {//这里应该是错误提示方法，老实说我看不懂
                error.insertAfter($(element).parent().children().last());
            } else {
                error.insertAfter(element);
            }
        }
    });
});

---

最终效果：

---

注：未习得class=ckeditor 使用 DATA-API 模式自动初始化

参考链接：http://www.cnblogs.com/mbtq/p/4514176.html