返回
TinyMCE使用jquery.validate提交表单时内容为空 不兼容
2023-03-10 2359 0
最近把博客的编辑器从百度编辑器改为TinyMCE,提交表单时发现用jquery.validate插件验证表单时不会验证textarea,如果不验证直接ajax提交表单的话,textarea的值是空的。
查看元素可以看到使用TinyMCE初始化后,真实的textarea会被隐藏然后render出一个富文本编辑器:
<textarea name="AContent" id="AContent" class="notnull" aria-hidden="true" style="display: none;"></textarea>
解决方法是初始化时,在init_instance_callback里处理change事件,当富文本框内容变化时,调用 tinyMCE.triggerSave();
tinymce.init({
init_instance_callback: function (editor) {
editor.on("Change", function (e) {
tinyMCE.triggerSave();
$('#'+id).valid();
$(editor.targetElm).valid();
});
}
});
然后在validate的地方加上ignore,因为textarea被隐藏了不会被检查,加上这个ignore设置就会检查textarea。
$.validator.setDefaults({
ignore: ":hidden:not(textarea)"
});
这样TinyMCE和jquery.validate就可以兼容使用了,提交表单textarea就有值了。
网友点评
提交
相关阅读
TinyMCE修改编辑器图片显示大小
.NET MVC jquery.validate errorPlacement无效
TinyMCE 富文本编辑器常用菜单设置
通过js修改tinymce的编辑器的内容
TinyMCE上传图片文件路径变为相对路径的解决方法
当烧Token成为KPI:从 Meta 内部乱象看 AI Agent 商业模式的崩塌风险
最新OpenAI ChatGPT注册手机验证图文教程亲测可用
快手 CodeFlicker:与传统及主流 AI 集成开发环境(IDE)的差异化解析
相关帖子
疾风云机场加速器靠谱吗?2025年高性价比外网加速服务深度评测
wallless机场怎么样?wallless官网打不开,不能用了?wallless机场跑路了?推荐替代 – DOVE加速器
魔兽plus探索服40级前最强绿装获取方法
中国ChatGPT专用科学上外网软件加速器机场推荐,高速稳定可试用
为什么 Bing Webmaster 显示已编制索引,但是在 Bing 搜索中 site: 域名 查询无结果
PS2模拟器安卓版合集大全 PSX2、ARMSX2、MYPS2、NetherSX2、 PCSX2汉化中文版
海鸥加速器好用吗?科学上外网功能评测、优缺点解析
魔兽怀旧服plus盗贼坦克天赋符文