这篇文章将为大家详细讲解有关使用Layui怎么防止form表单重复提交,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
成都创新互联公司是一家专业提供十堰郧阳企业网站建设,专注与成都网站建设、成都做网站、H5高端网站建设、小程序制作等业务。10年已为十堰郧阳众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
layui是一款采用自身模块规范编写的前端UI框架,它遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,适合新手,并且它还提供了丰富的内置模块,他们皆可通过模块化的方式按需加载,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发,能够作为PC网页端后台系统与前台界面的速成开发方案。
在<form>里面,加上 lay-filter="formConfig" , οnsubmit="return false" , 其中 “formConfig” 为自定义,然后在 提交的按钮事件内:
form.on("submit(formConfig)",function(data){ return false; });
具体做法:
1、在form 里面:
<form class="layui-form" id="addform" name="addform" lay-filter="formConfig" method="post" action="" enctype="multipart/form-data" οnsubmit="return false" > <button type="submit" class="btn btn-primary radius" id="btnSave" >提交</button>
2、在提交的按钮事件:
$(function(){ $("#btnSave").click(function(){ layui.use('form',function(){ var form=layui.form; form.render(); form.on("submit(formConfig)",function(data){ return false; }); }); $.ajax({ // to do...... }); });
关于使用Layui怎么防止form表单重复提交就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
文章名称:使用Layui怎么防止form表单重复提交
标题URL:https://www.cdcxhl.com/article14/ggdoge.html
成都网站建设公司_创新互联,为您提供网站内链、、静态网站、全网营销推广、软件开发、营销型网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联