form表单下的button按钮会自动提交表单的问题

本文介绍了在使用layui框架进行表单设计时,如何避免button按钮默认提交行为导致的误操作问题。通过将返回按钮由button标签改为a标签的方式,解决了点击返回按钮时意外触发表单提交的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

form表单下的使用 button按钮  一个提交一个返回 ,返回按钮里面指定url地址

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="formDemo">确认修改</button>
                        <button class="layui-btn"><a href="{:url('index')}" style="color:white">返回</a></button>
                    </div>
                </div>

但是不知道为什么当点击返回按钮想返回首页的时候会提示更新成功,于是请教之后才发现button按钮会默认提交,所以解决办法是讲button删除掉只留下a标签

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="formDemo">确认修改</button>
                        <a href="{:url('index')}" class="layui-btn" style="color:white">返回</a>
                    </div>
                </div>

问题解决
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值