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

最新推荐文章于 2023-11-21 14:20:07 发布

一勺菠萝丶

最新推荐文章于 2023-11-21 14:20:07 发布

阅读量1.7k

点赞数

文章标签： button

本文链接：https://blog.csdn.net/weixin_39973810/article/details/78895298

版权

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>

问题解决