欢迎来到天天文库
浏览记录
ID:30504737
大小:18.55 KB
页数:12页
时间:2018-12-30
《ckeditor无法验证的解决方案(js验证+jquery validate验证)》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解CKEditor无法验证的解决方案(js验证+jQueryValidate验证) 这篇文章主要为大家详细介绍了CKEditor无法验证的解决方案和jQueryValidate验证框架,感兴趣的小伙伴们可以参考一下 最近项目的前端使用了jQuery,表单的前端验证用的是jQueryValidate,用起来很简单方便,一直都很满意的。 前段时间,根据需求为表单中的textarea类型的元素加上了html富文本编辑器,用
2、的是CKEditor,功能强大,定制方便,也很满意。 不过用CKEditor增强过的textarea元素,这个字段要求是非空的,在jQueryValidate总是验证不通过,原因就是在CKEditor编辑器填写了内容之后,编辑器并不是立即把内容更新到原来的textarea元素中的,我没仔细看源代码,试过一种情况就是每一次提交不通过,第二次提交就可以通过的,貌似编辑器是在submit事件之前把编辑器的内容更新到textarea中的(这个是猜测,不知道对不对,我对jQuery和CKEditor都不太熟悉,算是拿来就用,有问题就放狗的那种)。 于是在网上找到了
3、解决问题的代码,代码不是我写的,我只是记录一下我遇到的问题,代码非原创。原理就是当编辑器更新了内容之后,立即把内容更新到textarea对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解元素。 CKEDITOR.instances["page_content"].on("instanceReady",function() {
4、 //setkeyupevent this.document.on("keyup",updateTextArea); //andpasteevent this.document.on("paste",updateTextArea); }); functionupdateTextArea() { CKEDITOR.tools.setTimeout(function() { $("#page_content").val(CKEDITO
5、R.instances.page_content.getData()); $("#page_content").trigger('keyup'); },0); 对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 } 目前一切使用正常,算是解决了一个让我头痛的问题。 另一种解决思路: CKEdit
6、or编辑器是增强过的textarea元素,在填写了内容之后,编辑器并不立即把内容更新到原来的textarea元素中的,而是等到submit事件之前把编辑器的内容更新到textarea中. 因此,普通的js验证或是jqueryvalidate验证都获取不到编辑器的值.) 1.js验证 获取CKEditor编辑器的值其实很容易,其值就是CKEDITOR.instances.mckeditor.getData(),实例代码如下: functioncheckForm() { varf=document.form1;
7、 vartopicHeading=f.tbTopicHeading.value; topicHeading=topicHeading.replace(/^s+/g,""); topicHeading=topicHeading.replace(/s+$/g,""); 对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步
8、的了解 if(topicHead
此文档下载收益归作者所有