**layui富文本框form表单提交为空**

最新推荐文章于 2024-04-19 01:33:00 发布
最新推荐文章于 2024-04-19 01:33:00 发布
阅读量1.3k 收藏
点赞数
文章标签： layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43669074/article/details/89537183
版权
  • layui富文本框form表单提交为空

最开始的form表单
一直获取不到form data
源代码
表单验证的话返回form富文本
这样子就可以正常提交了

不会写算法的码农
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
layui 解决富文本框form表单提交为空的问题
10-16
今天小编就为大家分享一篇layui 解决富文本框form表单提交为空的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui 富文本编辑JS文件
11-13
3. **数据交互**：layui的表单提交通常使用`layui.form`模块，而TinyMCE编辑器内的内容可以通过其API获取。在提交表单前，需要先将TinyMCE的HTML内容转换为字符串，然后设置到对应的textarea字段。 ```javascript ...
前端技能点--LayUI表单提交数据为空
程序员大阳
03-27 1万+
坑的外观 最近用了一段时间Layui作为项目后台管理模块的前端框架，感觉还是挺好用的。 今天踩了个坑，就是使用layui表单提交时，提交的数据为空。 例如，layer.msg(JSON.stringify(data.field));这句代码执行后，页面显示为空对象。 <form class="layui-form" action=""> <div class=
form表单提交地址为空
qq1276145q的专栏
03-24 570
form表单提交地址为空的时候，会默认提交到本页面。
LayUI富文本域使用案例(1)
最新发布
2401_84414832的博客
04-19 377
分布式技术专题+面试解析+相关的手写和学习的笔记pdf《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！**由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）分布式技术专题+面试解析+相关的手写和学习的笔记pdf。
JS学习笔记 | From表单提交时判断是否为空
cungudafa的博客
03-12 5206
一、From表单提交示例 From表单提交时判断input框是否为空 二、Jsp实现代码 <!--判断函数--> <script type="text/javascript"> function notNull() { if (document.keyinput.skey.value.toString().trim(
layui富文本编辑器表单提交时内容为空的处理方法
勤勤学长的csdn博客
11-06 1717
在<textarea>标签中加入lay-verify="content"然后在form的表单自定义验证中加入如下代码即可 form.verify({ content: function(value) { return layedit.sync(index); } }); var index1 = layedit.build('co...
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
10-16
在本文中，我们将探讨如何在layui框架中实现富文本图片上传接口以及普通按钮触发的文件上传功能。layui是一款轻量级的前端组件库，它提供了丰富的UI组件，包括表单、表格、弹窗等，非常适合用于快速构建页面。在...
JQ JS javascript layui UI框架 富文本 编辑器
04-17
layui是一个轻量级的前端UI框架，它提供了丰富的组件，包括按钮、表格、弹窗、表单等，这些都可以在富文本编辑器中用到。layui的设计理念是简洁、实用，它的模块化设计使得代码结构清晰，易于维护和扩展。在富文本...
layui模板引擎laytpl判断为null或为空
l_degege的专栏
09-12 6165
<script type="text/html" id="stu_nameTpl"> {{# if(d.stu_name==null || d.stu_name==''){ }} <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="add_stu">添加</a> {{# ...
layui的form表单中select选择框内容不显示
CharlesMo1996的博客
03-29 3627
页面问题如图 性别和户主关系的下拉选择框没有显示 html文件代码如下 检查html代码没有发现问题 js文件代码如下 问题原因及解决办法 layui下如 html代码是动态生成的，自动渲染会失效，此时需要手动渲染表单在 js文件中的适当位置添加 form.render(); 即可解决问题；解决js代码如下 ‘use strict’ layui.use([‘layer’,‘form’,‘ta...
Layui富文本编辑器提交表单时获取内容为空
liuhao的博客
08-15 2721
使用layui的富文本编辑器，其实是在某个textarea的基础上建立了一个富文本编辑器，往textarea所填写的内容其实是放在富文本编辑器里面的，并没有放在textarea中，当获取textarea的值的时候需要先把富文本编辑器的值同步到之前的textarea中，然后才能通过textarea获取对应的值。 （一）问题： （二）提交结果发现remark中并没有填入的数据 （三）解决方法 ...
Layui富文本编辑器提交表单时无法获取输入内容
Mencre的博客
08-01 1万+
layui富文本编辑器这个东西，他的模式是在某个textarea的基础上建立了一个富文本编辑器，也就是说你填写在富文本编辑器的值其实是放在编辑器里面的，并没有放在之前的textarea中，你获取textarea的值的时候需要先把富文本编辑器的值同步到之前的textarea中，然后才能通过textarea获取对应的值。 问题： 我们提交表单，发现提交的表单中没能获取到编辑器的内容： 分析：...
结合layui弹出层，历遍多个input,并判断输入是否为空，并始终抓取第一个为空input的方法
禾黍离离的博客
08-19 2331
使用layui弹出层，自定义表单验证弹出样式。虽然layui有自带表单弹出样式，但是还是想用其他样式的弹出层，比如下面的吸附弹出层（记一下，以后用到，就拿来主义）。 // 判断输入框是否为空的方法 function no_empty(){ let status ='';//函数返回的状态，0代表是是空，1不是空 ...
layui 使用layer弹出的form，form中的按钮关闭layer的问题
qq_39162838的博客
07-08 3289
页面效果如下： 点击上传按钮的时候，这个layer会自动关闭 在layui社区找到答案 form中添加button按钮，默认是submit类型，会自动提交表单的。 解决办法下面任选其一就行 1、可以用a标签替换button标签，class一样就可以了，这样就不会自动提交了 2、设置类型 type="button" ...
layui 对弹窗 form表单赋值
热门推荐
跳动的石头
12-04 3万+
新增 ：弹窗下拉框 赋值 2019.12.1 目的： 点击编辑按钮实现数据回显到弹出子页面表单内。如下图： Html代码： <body> <div class="layui-form" lay-filter="useradmin" id="useradmin"> <div class="layui-form-ite...
使用layer弹窗提交表单时判断表单是否输入为空
LHP的博客
11-09 5766
使用layer弹窗提交表单时判断表单是否输入为空 获得 layer 文件包后，解压并将 layer 整个文件夹（不要拆分结构） 存放到你项目的任意目录，使用时，只需引入 layer.js 即可 使用时一定他要先引入jq1.8，或者以上版本！！！ 下面是提交表单的实列 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta cha...
layui富文本域form表单提交和ajax提交获取编辑器内容详解
小马同学
04-21 1万+
最近写项目中需要用到LayUI富文本编辑器，提交时发现富文本编辑器中内容是空的，查了很多资料才发现，LayUI在渲染富文本域时，是在下面插入的样式代码。我们页面上定义的是一个textarea标签，之后用JS渲染的。我们获取的内容是textarea中内容，富文本域中的内容和textarea中的内容不是自动同步的，所以我们需要在提交前把内容同步一下。 form表单提交： 首先定义文本域和提交按...
extjs form表单集成layui富文本编辑器的具体代码
05-14
以下是一个简单的示例代码，演示了如何在 ExtJS 表单中集成 Layui 富文本编辑器： ```javascript Ext.onReady(function() { // 创建一个表单 var form = Ext.create('Ext.form.Panel', { renderTo: Ext.getBody(), width: 500, height: 400, items: [{ xtype: 'textfield', fieldLabel: '标题', name: 'title' }, { xtype: 'textarea', fieldLabel: '内容', name: 'content', id: 'contentTextArea' // 注意：需要给文本域设置一个 ID }], buttons: [{ text: '提交', handler: function() { // 提交表单数据 form.getForm().submit({ url: 'submit.php', success: function(form, action) { // 处理成功后的回调函数 }, failure: function(form, action) { // 处理失败后的回调函数 } }); } }] }); // 初始化 Layui 富文本编辑器 layui.use(['layedit'], function() { var layedit = layui.layedit; var contentTextArea = document.getElementById('contentTextArea'); var index = layedit.build(contentTextArea, { height: 300, uploadImage: { url: 'upload.php' } }); // 监听表单提交事件，将富文本编辑器中的内容赋值给文本域 form.getForm().on('beforeaction', function(form, action) { contentTextArea.value = layedit.getContent(index); }); }); }); ``` 上述代码中，我们首先创建了一个 ExtJS 表单，包含一个文本框和一个文本域。然后，我们使用 Layui 富文本编辑器初始化了这个文本域，并监听了表单的提交事件，在提交前将富文本编辑器中的内容赋值给了文本域。最后，我们通过表单提交将数据提交到服务器端。需要注意的是，上传图片时需要指定一个上传图片的 URL，这里我们使用了 `upload.php`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值