layui 中form表单的踩坑 大佬勿喷，我是萌新 哈哈哈哈

最新推荐文章于 2021-07-16 20:22:05 发布
最新推荐文章于 2021-07-16 20:22:05 发布
阅读量196 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40467180/article/details/103644132
版权

最近在用哪个layui框架写一个小demo,在使用form表单提交数据的时候发现，数据总会莫名其妙的消失或者被提交，最后发现其中一个button标签未定义type,<button type="button">删除</button>,这样定义之后，这个问题就可以解决了
注：这个button标签是被form标签包裹起来的，如果在form标签外的话，则不会发生这个问题

可是我才两岁呀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
layui调用自定义方法提示未定义的解决办法
gdali的专栏
11-06 8078
调用test()时提示未定义 layui.use(['layer', 'form', 'element'], function(){ var layer = layui.layer ,form = layui.form ,element = layui.element     function test(){     //JS代码     } }); 修改为 layui.us...
form表单序列化后，部分参数丢失问题。
qq_43488178的博客
04-19 433
仔细观察，在“附件上传”外边又包裹了一层“form”表单。实测，将pdfFilesUrl，imageUrls、keyInformation这三个输入框，转移到“附件上传”外边又包裹了一层“form”里面，或者它的上面，表单序列化参数是完整的。表单序列化后，参数如下图显示，缺少pdfFilesUrl、imageUrls、keyInformation这几个参数。
layui 解决form表单点击无反应的问题
10-16
今天小编就为大家分享一篇layui 解决form表单点击无反应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui表单提交无反应
不积跬步，无以至千里
11-27 2885
点击submit时,form.on不被处罚，表单输入框验证项的验证不执行。 //监听提交 form.on('submit(demo1)', function(data){ //save(data); return false; }); 解决办法: 给submit按钮增加 lay-submit="" 即可。
layui表单模块提交无效
weixin_44724856的博客
07-16 937
button标签的type属性一定要放在最前！！ 今天用layui做了个表单，写完用layer.alert测试，发现提交无效，找了半天也没发现代码哪里有什么错误。最后和官方的示例代码比对，发现就是我写button按钮的地方不一样。开始我自己是这样写的 <button class="layui-btn" type="submit" layui-submit="" lay-filter="register">提交</button> 官方是这样写的 <button typ
解决layui中的form表单与button的点击事件冲突问题
10-18
在开发Web应用时，我们经常会遇到各种前端框架的交互问题，其中之一就是在layui中处理form表单与button点击事件冲突的问题。layui是一个轻量级的前端组件库，它提供了丰富的UI元素和交互功能，包括表单组件和按钮。...
layui实现form表单同时提交数据和文件的代码
10-16
总的来说，layui通过结合`layui-form`和`layui-upload`，实现了在同一个表单中同时提交文本数据和文件的功能。这种做法在Web应用中非常常见，特别是在用户注册、个人资料编辑等场景下。通过合理的HTML结构和...
layui使用form表单实现post请求页面跳转的方法
10-16
通过这种方式，layui的form表单可以安全地发送POST请求，将敏感数据隐藏在请求体中，防止信息在URL中泄露。同时，这种方式也使得页面跳转更加灵活，可以根据服务器端返回的结果来决定跳转到哪个页面。在实际项目中，...
触发layui的表单提交事件，我提交一次之后 第二次就没反应了
业余前端的职业经历
01-26 2260
其实工作中还是比较常见这样的需求呢 监听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开关遇见的坑以及用法总结
royal1235的博客
10-21 1万+
1.先看官方文档： 官方效果： 注意：如果你直接把文档中这块代码粘贴过去是不会有效果的，如果问为什么，下面是原因： 说的很清楚了，必须有form进行渲染，也就是要放到form中，当然别忘了引入一套layui,下面代码才可以正常显示 &lt;form class="layui-form"&gt; &lt;div class="layui-form-item"&gt; &...
layui使用AJAX提交表单的注意事项，记录踩过的坑
默默无闻小葱的博客
04-23 6731
form.on('submit(sbm)', function(data) { var id = $("#id").val(); var password = $("#password").val(); $.ajax({ url : 'login/userlogi...
layUI Form表单重置问题
qq_34359417的博客
04-11 2万+
layUI Form表单重置问题 layUI表单有两种方法，第一种是直接使用FORM标签，另一种是利用div作为容器，将其class设置成layui-form，这两种方法都可以使用layUI Form，但是在重置时会出现不同。 但是当在： 使用LayUI的后台模板时，其原始使用的是div作为form的容器，因此无法使用reset， 将其改为FORM之后虽然能够使用reset，但是在reset之后会...
form 表单元素重置(reset)解决方案
johncools的博客
03-31 7856
有初始值的 form 表单在点击默认的 Reset 按钮时，表单元素并不能清空，而是恢复初始值，相信这并不是我们期望的，本文介绍的是用 javascript 解决这一问题的方法。--------------------------------------------------------------点此浏览示例文件-----------------------------------------
layui.form用ajax提交表单时的问题(巨坑)
知北行的博客
02-19 6037
主要问题：使用layui的form组件用ajax提交表单发送请求时，总是无法收到回调函数，success与error中的回调均不执行，且该表单会自动刷新。 解决办法：在提交表单的方法form.on()中添加return false，以防止表单自动跳转刷新 代码示例： form.on("submit(sub)", function (obj) { ...
layui 表单标签的校验
热门推荐
huangbaokang的博客
10-19 8万+
layui表单元素的校验只需在元素上加入lay-verify，layui提供了以下值。required（必填项） phone（手机号） email（邮箱） url（网址） number（数字） date（日期） identity（身份证） 自定义值同时支持多条规则的验证，格式：lay-verify=”验证A|验证B” 如：lay-verify=”required|phone|number” 另外
reset的失效问题
zhangyong1988的专栏
11-26 1892
在 DOM 中，表单重置非常简单，使用 或者 即可。原生 DOM 也提供了 reset() 方法用于表单重置。 但是在 Firefox/Chrome 浏览器中，如果字段是隐藏域（type=”hidden”）的话，使用 reset 是无法将字段值还原为初始值的。但在 IE6/7/8 中都可以重置。 目前得到的解决方案是 下面我给出一个完整的测试例子，我在ie和标准浏览器等数十种浏览器
Layui之表单form
weixin_44570988的博客
10-28 1232
代码以及效果图 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ include file="/common/common.jsp"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
layui 表单提交不执行ajax的坑
weixin_30401605的博客
08-24 2094
在官方文档2.x里面写的layui Form提交示例，form.on事件获取表单对应的json信息，然后自己ajax提交表单， 但是总是提交失败，一开始以为获取到json信息之后的那个return false已经无用了。没想到就这个return 坑了我好一会。 如果要提交ajax请求必须要在form.on事件的结尾加上return false。 记录一下，下面是代码。 这个页面的前提是引入了...
layui中form表单数据提交后，表单自动关闭
最新发布
06-01
在layui中，可以使用form表单的submit方法来提交表单数据，同时可以通过form表单的submit方法的回调函数来操作表单的关闭。 例如： ```javascript //监听提交 form.on('submit(formDemo)', function(data){ //...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值