jQuery Validate验证框架 + CKEditor 无法验证问题的解决方法
2010-10-22 01:00
525 查看
最近项目的前端使用了jQuery,表单的前端验证用的是jQuery Validate,用起来很简单方便,一直都很满意的。
前段时间,根据需求为表单中的 textarea 类型的元素加上了html富文本编辑器,用的是CKEditor,功能强大,定制方便,也很满意。
不过用CKEditor增强过的 textarea 元素,这个字段要求是非空的,在jQuery Validate总是验证不通过,原因就是在 CKEditor 编辑器填写了内容之后,编辑器并不是立即把内容更新到原来的 textarea 元素中的,我没仔细看源代码,试过一种情况就是每一次提交不通过,第二次提交就可以通过的,貌似编辑器是在 submit 事件之前把编辑器的内容更新到 textarea 中的(这个是猜测,不知道对不对,我对jQuery 和 CKEditor 都不太熟悉,算是拿来就用,有问题就放狗的那种)。
于是在网上找到了解决问题的代码,代码不是我写的,我只是记录一下我遇到的问题,代码非原创。原理就是当编辑器更新了内容之后,立即把内容更新到 textarea 元素。
原文链接 http://stackoverflow.com/questions/1908592/jquery-validation-plugin-ckeditor-validate-when-typing
目前一切使用正常,算是解决了一个让我头痛的问题,由此也可以看到,我在Javascript上还得多下些功夫,水平实在是不怎么样啊。
我自己的2个做法:
1. 使用juery上传空间在前台验证,不使用框架验证
2. 在程序中默认字数达到多少后自动截取限制字数
前段时间,根据需求为表单中的 textarea 类型的元素加上了html富文本编辑器,用的是CKEditor,功能强大,定制方便,也很满意。
不过用CKEditor增强过的 textarea 元素,这个字段要求是非空的,在jQuery Validate总是验证不通过,原因就是在 CKEditor 编辑器填写了内容之后,编辑器并不是立即把内容更新到原来的 textarea 元素中的,我没仔细看源代码,试过一种情况就是每一次提交不通过,第二次提交就可以通过的,貌似编辑器是在 submit 事件之前把编辑器的内容更新到 textarea 中的(这个是猜测,不知道对不对,我对jQuery 和 CKEditor 都不太熟悉,算是拿来就用,有问题就放狗的那种)。
于是在网上找到了解决问题的代码,代码不是我写的,我只是记录一下我遇到的问题,代码非原创。原理就是当编辑器更新了内容之后,立即把内容更新到 textarea 元素。
原文链接 http://stackoverflow.com/questions/1908592/jquery-validation-plugin-ckeditor-validate-when-typing
CKEDITOR.instances["page_content"].on("instanceReady", function() { //set keyup event this.document.on("keyup", updateTextArea); //and paste event this.document.on("paste", updateTextArea); }); function updateTextArea() { CKEDITOR.tools.setTimeout( function() { $("#page_content").val(CKEDITOR.instances.page_content.getData()); $("#page_content").trigger('keyup'); }, 0); }
目前一切使用正常,算是解决了一个让我头痛的问题,由此也可以看到,我在Javascript上还得多下些功夫,水平实在是不怎么样啊。
我自己的2个做法:
1. 使用juery上传空间在前台验证,不使用框架验证
2. 在程序中默认字数达到多少后自动截取限制字数
相关文章推荐
- 『转载』jQuery Validate验证框架 + CKEditor 无法验证问题的解决方法
- jQuery Validate验证框架 + CKEditor 无法验证问题的解决方法
- 【转载】jQuery Validate验证框架 + CKEditor 无法验证问题的解决方法
- jQuery Validate 无法验证 chosen-select元素的解决方法
- 【Android】Universal Image Loader图片加载框架无法加载https图片问题解决方法
- EF框架:“无法更新EntitySet“*****”,因为它有一个DefiningQuery,而元素中没有支持当前操作的元素”问题的解决方法
- 解决ssh中使用struts2验证框架提示错误后正确无法提交的问题
- svn检出数据无法验证问题解决方法
- 加验证控件无法提交的问题解决方法
- IIS7.5 无法验证对路径问题的解决方法
- 加验证控件无法提交的问题解决方法
- 无法启动此程序,因为计算机丢失MSCVR120.dll相关问题解决方法总结
- 没有公钥,签名无法进行验证的问题如何解决
- Win7下IE 8内存保护可能导致ActiveX无法安装的问题及其解决方法
- 解决ASP下载附件,部分无法下载的问题的方法
- hadoop 安装出现的几种异常的处理方法,hadoop无法启动,no namenode to stop问题的解决方法,no datanode
- 对于Volley中onResponse无法返回数据结果的问题解决方法
- ubuntu firefox无法输入中文问题解决方法
- 水晶报表工具栏出现红叉叉无法打印导出等问题的解决方法
- Python中使用django框架进行web开发,模板中无法导入css、js和图片的问题解决