layui表单button之坑

之前遇到过关于form表单的button坑,之前的是from表单用button提交,它会默认提交两次。

问题

这次的问题是在form表单里加入回调函数,回调函数还没执行,表单就以及提交刷新了,回调函数就没法儿执行,重点是它不是每次都不执行,它是偶尔不执行。。。。

原因

还是layui表单button默认提交的问题,在ajax提交的时候同时进行了submit的表单提交。

解决办法

解决方案一、不用layui的submit按钮,把按钮定义成普通的button,通过调用ajax的方式提交。
解决方案二、用layui的submit按钮,在执行了ajax请求后通过return false直接终止(非常关键!)不让再submit了。

我采用方式一:将button直接换成a标签

<a class="layui-btn" lay-filter="edit"  id="edit" lay-submit="" >保存</a>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容