layui form表单提交无法触发问题。

最新推荐文章于 2025-02-26 11:00:08 发布
最新推荐文章于 2025-02-26 11:00:08 发布
阅读量8.6k 收藏 4
点赞数 1
分类专栏： 前端 layui 文章标签： layu
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38728273/article/details/88824800
版权

保证js无出错。

1.

js中需要加载 form模块

    form.on('submit(searchBtnFilter)', function (data) {

 

2.使用的是form表单

  <form class="layui-form">

 3.按钮上必须有这两个元素

 lay-submit=""  lay-filter="searchBtnFilter"

 

layui表单提交无反应
不积跬步，无以至千里
11-27 3087
点击submit时,form.on不被处罚，表单输入框验证项的验证不执行。 //监听提交 form.on('submit(demo1)', function(data){ //save(data); return false; }); 解决办法: 给submit按钮增加 lay-submit="" 即可。
layui 解决form表单点击无反应的问题
10-16
今天小编就为大家分享一篇layui 解决form表单点击无反应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui 使用form.on时引用正确但是提交没有反应
最新发布
m0_64134276的博客
02-26 177
实测是因为使用layui的button时想要设置button为提交属性需要设置layui给出的属性 lay-sumbit。那么最大可能是bean类设置属性的set（）get（）方法时 忘记添加属性或方法，以及方法名错误。将type属性改回button 加入lay-submit属性 重新运行一下。上面的form提交没有问题 按钮也是submit但是没有反应。还有一些小错误 如果找不到自定义的模板组件的值。
layui 点击提交 查询按钮 无反应
@you的博客
08-27 1768
上述按钮id是filled，如果你需要用form.on查询 那你在页面点击查询按钮就会无反应，那你需要一些代码才能点击查询成功 lay-submit lay-filter="filled" lay-submit 是提交时必加的，lay-filter="filled" 中最好加自己按钮的id，这样子就可以了 ...
layui表单模块提交无效
weixin_44724856的博客
07-16 1047
button标签的type属性一定要放在最前！！ 今天用layui做了个表单，写完用layer.alert测试，发现提交无效，找了半天也没发现代码哪里有什么错误。最后和官方的示例代码比对，发现就是我写button按钮的地方不一样。开始我自己是这样写的 <button class="layui-btn" type="submit" layui-submit="" lay-filter="register">提交</button> 官方是这样写的 <button typ
layui表单提交使用form.on(‘submit(sub)‘,function (){}) 使用ajax请求时回调不执行的原因及解决方法
weixin_40923658的博客
08-11 1526
layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法
layui form表单提交后实现自动刷新
10-16
首先，我们需要了解的是，当表单中的提交按钮没有指定type类型时，默认为提交(submit)，点击提交按钮会导致整个表单触发提交事件，而这一事件默认行为就是会导致页面刷新。为了避免这一默认行为，我们可以通过...
layui插件表单验证提交触发提交的例子
10-16
这篇文章主要讲述了如何使用layui插件进行表单验证以及提交触发提交的实现方法。下面，我们将详细解析文章中涉及到的关键知识点。 ### 一、Layui框架介绍 Layui是一个前端UI框架，它提供了一套简单易用的界面元素...
防止Layui form表单重复提交的实现方法
10-16
在使用Layui设计表单时，经常会遇到表单提交后页面刷新导致的重复提交问题。为了解决这个问题，开发者需要确保表单只提交一次，防止不必要的数据重复处理或者服务器的重复计算。下面详细解释几种防止Layui表单重复...
layui实现form表单同时提交数据和文件的代码
10-16
总的来说，layui通过结合`layui-form`和`layui-upload`，实现了在同一个表单中同时提交文本数据和文件的功能。这种做法在Web应用中非常常见，特别是在用户注册、个人资料编辑等场景下。通过合理的HTML结构和...
解决layer弹出层中表单不起作用的问题
01-19
如下所示： var html = '<form class=layui-form action=>' + '<div class=layui-form-item><label class=layui-form-label>角色名</label><div class=layui-input-block><input type=text name=rolename required lay-verify=required placeholder=请输入角色名 autocomplete=off class=layui-input></div></d
浅谈layui 绑定form submit提交表单的注意事项
10-16
今天小编就为大家分享一篇浅谈layui 绑定form submit提交表单的注意事项，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
form表单中οnsubmit无效的问题解决办法
weixin_41852068的博客
05-11 4339
起因： 在用idea写jsp页面时，经常碰到需要判断表单中是否非空的时候， 然后在form后加上οnsubmit就可以阻止表单的提交。 但是，我这次就碰到了问题， 因为之前写过相同的代码，图省事就直接复制了过来，如下???? 然而万万没有发现，问题就隐藏在这其中。。。???? 处理： 尝试了几种我常出错的可能， form写成from情况，这个我之前常犯，这次不是 script中的属性id与表单中的id没有匹配上，这次也不是 onsubmit格式错误，要是写成 οnsubmit="demo()"就错了，
from表单onsubmit无效问题
Haveyounow的博客
06-29 2036
<form class="form" action="" method="post" onsubmit="return formSubmit(this)"> <div class="item"> <input type="text" name="user" placeholder="请输入用户名" /> </div> <div class="item"> <input type="password" name="
form的submit()方法不能触发onsubmit事件的解决方法，兼容各版本浏览器。
csnewdn的专栏
06-27 731
提交</a><a href="javascript:void(0)" id="txtBtn">提交</a><a href="javascript:void(0)" id="txtBtn">提交
layui表单赋值不起作用_解决layui表单ajax提交回调函数不起作用问题的两种方式...
weixin_39724793的博客
12-22 813
最近想用layui开发一个论坛模板用的是fly-ui，才接触layui对其还不太熟悉。一个简单的登录就困扰了我很久。登录的form通过ajax提交回调函数老是不起作用。经过浪费了N多时间的调试，发现layui的button默认就是submit提交。所以在ajax提交的时候同时进行了submit的表单提交。因为ajax是异步的，所以在回调函数还没有来得及执行，submit把表单页面提交了，所以回调函...
layui form ajax无法提交,layui form.on return false 仍然提交解决办法
weixin_30844301的博客
08-05 853
修改button为inputlayui.use(["jquery","element","form","layer"],function(){var$=layui.jquery;varform=layui.form;varlayer=layui.layer;form.on("submit(add)",function(data){console.log(data...
layui中的onevent 和event使用方法
热门推荐
Quan的博客
04-08 4万+
这是官方文档的说明 layui.onevent(modName, events, callback) 自定义模块事件，属于比较高级的应用。有兴趣的同学可以阅读layui.js源码以及form模块 layui.event(modName, events, params) 执行自定义模块事件，搭配onevent使用 layui.onevent 可以看作定义的方法的使用的 ...
layui监听表单提交
11-21
layui是一个轻量级的前端UI框架，它提供了一个便捷的方式来处理HTML表单的提交事件。在layui中，你可以通过`form.on('submit', formId, function(data)`来监听表单的提交行为。这里的`formId`是你想要监听的表单元素的标识符，`function(data)`是回调函数，当表单提交时会被触发。 在回调函数中，`data`包含了表单提交前的一些数据，比如`form.formObj`表示完整的表单对象，`form.fieldVal(name)`则可以获取某个字段的值。你可以在这里进行一些验证、数据预处理，甚至阻止表单默认的提交行为，例如： ```javascript form.on('submit', 'table', function(data){ // 验证表单内容 if (!validateForm(data)) { return false; // 阻止表单提交并弹出提示 } // 提交数据到服务器 $.post('/api/saveFormData', data, function(res) { // 处理响应结果 }); // 阻止默认提交行为，防止页面刷新 return false; }); ```
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值