使用Layui怎么防止形式表单重复提交 - 行业资讯 - 肥雀云

　　介绍

这篇文章将为大家详细讲解有关使用Layui怎么防止形式表单重复提交,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

Layui是什么

Layui是一款采用自身模块规范编写的前端UI框架,它遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,适合新手,并且它还提供了丰富的内置模块,他们皆可通过模块化的方式按需加载,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发,能够作为电脑网页端后台系统与前台界面的速成开发方案。

在& lt; form>里面,加上lay-filter=癴ormConfig"οnsubmit=胺祷豧alse",其中“formConfig”为自定义,然后在提交的按钮事件内:

form.on(“提交(formConfig)“,功能(数据){ 　　return 才能;假; 　　以前,});

具体做法:

<强> 1,在形式里面:

,,, & lt; form 类=發ayui-form", id=癮ddform", name=癮ddform", lay-filter=癴ormConfig",方法=皃ost", action=啊? enctype=岸嗖糠?form-data",οnsubmit=皉eturn false",在, 　　　　,,& lt; button 类型=皊ubmit",类=癰tn btn-primary radius", id=癰tnSave",在提交& lt;/button>

<强> 2,在提交的按钮事件:

, $(函数(){ 　　美元才能(“# btnSave") .click(函数(){ 　　,,,,layui.use(& # 39;形式# 39;函数(){ 　　,,,,,,,var 形式=layui.form; 　　,,,,,,,form.render (); 　　,,,,,,,form.on(“提交(formConfig)“,功能(数据){ 　　,,,,,,,return 假; 　　,,,,,,,}); 　　,,,,}); 　　　　,,,,. ajax({美元　　　　,,,,,,//,用做…… 　　　　,,,,}); 　　　　,,});

关于使用Layui怎么防止形式表单重复提交就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。