layui form 监听提交事件 field 没有值

最新推荐文章于 2022-10-21 10:06:37 发布
最新推荐文章于 2022-10-21 10:06:37 发布
阅读量1.1k 收藏
点赞数
分类专栏： 前端问题汇总 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36868603/article/details/112252409
版权

今天使用layui做新增时 在监听提交的回调函数里 发现data里的field没有值
在网上找了半天

一般都说form表单没加样式 经过一番尝试还是没有解决这个问题,后来又看了看官方文档
发现原来是过滤器的名称给错了 应该给的是提交按钮的事件过滤器而不是表单的

真是粗心大意嗷

殇丶琉璃
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Layui事件监听的实现(表单和数据表格)
10-16
主要介绍了Layui事件监听的实现(表单和数据表格)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
layui form表单提交之后重新加载数据表格的方法
10-16
今天小编就为大家分享一篇layui form表单提交之后重新加载数据表格的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
触发layui的表单提交事件，我提交一次之后 第二次就没反应了
业余前端的职业经历
01-26 2220
其实工作中还是比较常见这样的需求呢 监听submit提交 首先在layui中监听表单提交事件 form.on('submit(*)', function(data){ console.log(data.elem) //被执行事件的元素DOM对象，一般为button对象 console.log(data.form) //被执行提交的form对象，一般在存在form标签时才会返回 console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value
layui Form undefined原因
liangbaiwan的博客
11-26 2481
form表单通过form.on(submit())方式获取值得时候，如何控制台提示form undefined,并且取值失败，原因可能是 提交按钮没有放到form表单里面，放到外面点击提交获取值就会失败。
layui form表单提交后实现自动刷新
10-16
今天小编就为大家分享一篇layui form表单提交后实现自动刷新，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决Layui 表单提交数据为空的问题
12-29
坑的外观 最近用了一段时间Layui作为项目后台管理模块的前端框架，感觉还是挺好用的。 今天踩了个坑，就是使用layui表单提交时，提交的数据为空。 例如，layer.msg(JSON.stringify(data.field));这句代码执行后，页面显示为空对象。 <form class=layui-form action=> 输入框 <input type=te
Layui表单提交问题
骜蛟的博客
01-30 3840
踩过的坑 1、Layui的form表单提交问题 ​ 在提交表单数据时，提交按钮为 submit 类型，以layui为js框架时，会重复提交表单数据。如何解觉这一问题？以下给出我认为便捷的三种方法： 设置button的type=button，否则默认submit，就会重复提交 在监听提交的form.on里加上return flase form.on("submit(formDemo)",function(data){ //do something return false; });
Layui表单提交时对data.field中字段的取值问题
qq_44864879的博客
12-17 8675
后台接收页面表单的方式一般来说有两种（ssm来说，我这里用的是Jfinal，类似）， 一种是以成员变量的方式接收 另一种是以对象的方式接收 成员变量接收：控制器中方法的形参必须和页面name中的值一样（Jfinal类似，不过没有形参，已封装好，直接 getPara("") 获取） 对象接收：将所有字段映射到数据库表中字段（这也是我下面要说明的情况） <!-- 假如我数据库有张表，这里不管表名，我在页面中所有的name都是以对象.字段的形式写的， name在后台我就不用一个个的获取这些参数了，因为后台做
LayUI表单获取不到data中field值的解决办法
精哥哥
01-21 3368
以查看是form表单是否缺少了class=“layui-form”
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
10-16
今天小编就为大家分享一篇使用layui监听器监听select下拉框,事件绑定不成功的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui表单提交无反应
不积跬步，无以至千里
11-27 2804
点击submit时,form.on不被处罚，表单输入框验证项的验证不执行。 //监听提交 form.on('submit(demo1)', function(data){ //save(data); return false; }); 解决办法: 给submit按钮增加 lay-submit="" 即可。
layui富文本提交没有值
：）
07-08 1181
layui富文本提交没有值 第一次使用 layui 提供的富文本 <div> <textarea id="L_content" name="node_content" required lay-verify="node_content" placeholder="请输入内容{必填}" class="layui-textarea fly-editor" style...
LayUI项目中使用方法
xiaodongry8的专栏
05-26 1216
Layui在项目的后台使用中很是方便，尤其在数据提交方面使用很方便。 所有的方法可以都放包含的下面的方法中： layui.use(['table', 'jquery', 'layer', 'form', 'laydate'], function () {}}); 1、控件布局 （解决按钮之间比较宽的方法） 使用class=layui-btn-group 。layui-inline要比layui-inline宽一些. 2、表单提交时，注意所有的值都是通过控件 的name 属性来获取的。应该注意...
layui获取不了表单值
pulmos的博客
10-21 1313
layui获取不到表单值
layui form表单多个相同name控件data.field取值问题
benwei的博客
08-19 2416
解决layui from多个相同name控件data.field取值问题
前端技能点--LayUI表单提交数据为空
热门推荐
程序员大阳
03-27 1万+
坑的外观 最近用了一段时间Layui作为项目后台管理模块的前端框架，感觉还是挺好用的。 今天踩了个坑，就是使用layui表单提交时，提交的数据为空。 例如，layer.msg(JSON.stringify(data.field));这句代码执行后，页面显示为空对象。 &amp;lt;form class=&quot;layui-form&quot; action=&quot;&quot;&amp;gt; &amp;lt;div class=
layui的form表单提交问题
weixin_51964457的博客
05-20 7342
layui表单
layui表单 -- form元素
OpenSource_的博客
08-05 1610
form表单元素包括：text 文本输入框，password密码输入框，checkbox复选框，radio单选框，file 文件域，submit表单提交action指向的文件，reset表单清空，image图片提交按钮，button按钮，hidden隐藏域。 select option select 实现下拉选 callback 是回调函数 layui.模块 模块可以是layui已经存在的模块，也可以通过layui.define([mods], callback) 来自己自定义模块。 如果想要使.
layui form 鼠标onbu事件
最新发布
09-09
layui form 的鼠标onbutton事件可以通过以下方式实现： 首先，我们需要在HTML代码中引入layui库，并且在需要使用的元素上添加相应的class。 例如，我们可以在form表单中的按钮上添加一个class为layui-btn的属性，用来定义按钮的样式。 ```html <form class="layui-form"> <div class="layui-form-item"> <button class="layui-btn" lay-submit lay-filter="submitBtn">提交</button> </div> </form> ``` 然后，在JavaScript代码中使用layui.use方法来加载相应的模块，同时使用form.on方法来监听按钮的点击事件。 ```javascript layui.use('form', function(){ var form = layui.form; //监听提交按钮的点击事件 form.on('submit(submitBtn)', function(data){ //在这里编写按钮点击后的逻辑处理代码 //可以通过data.field获取表单数据 //阻止默认的表单提交 return false; }); }); ``` 在监听方法内部，我们可以编写按钮点击后的逻辑处理代码，同时通过data.field获取表单数据。如果需要阻止表单的默认提交行为，可以通过return false来实现。 通过以上步骤，我们就可以实现对layui form 的鼠标onbutton事件的监听和处理。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值