精华内容
下载资源
问答
  • 提交表单数据时,提交按钮为 submit 类型,以layui为js框架时,会重复提交表单数据,为防止这一情况,有效做法是: 在<form>里面,加上 lay-filter=”formConfig” , οnsubmit=”return false” , 其中 ...
  • 提交表单数据时,提交按钮为 submit 类型,以layui为js框架时,会重复提交表单数据,为防止这一情况,有效做法是:在里面,加上 lay-filter="formconfig" , οnsubmit="return false" , 其中 “formconfig” 为...

    在提交表单数据时,提交按钮为 submit 类型,以layui为js框架时,会重复提交表单数据,为防止这一情况,有效的做法是:

    里面,加上 lay-filter="formconfig" , οnsubmit="return false" , 其中 “formconfig” 为自定义,然后在 提交的按钮事件内:

    form.on("submit(formconfig)",function(data){

    return false;

    });

    具体做法:

    1、在form 里面:

    提交

    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表单,但是,不能成功使用。问题:1、提交表单,页面自动刷新。出现这样情况呢,搜索了一下是因为表单的提交按钮没有type类型。哪怕是button标签呢,也...

    刚刚使用layui 来做东西,对这一切都不熟悉,使用一下form表单,但是,不能成功的使用。

    问题:

    1、提交表单,页面自动刷新。

    出现这样的情况呢,搜索了一下是因为表单的提交按钮没有type类型。哪怕是button标签呢,也不行。我试了一下,使用这种情况的话,主要是在监听事件中并没有返回return false,如果返回了return false,这个就可以不再刷新。

    2、提交表单,获取不到form表单中的数据。

    有人说,是因为给了一个id,并没有给name属性,用惯了jquery。我懒得去找这个问题,因为,以前提交数据使用jQuery的form提交的话用的是实例化的方法serialzeable() 方法。算一个吧。

    没有给form表单添加class 指明是class=“layui-form”。这也是一个问题。这个是不注意么。

    我避免了上述的问题,还是在data中获取不到field中的值,那么问题来了。这个是怎么回事儿? 以为啊form内置模块中有一个属性 lay-submit 无需填写值,绑定触发提交的元素,如button,好吧。问题出现在了这儿。

    事件监听的方法,form.on(‘submit(filter)',function(){}) 里边的filter是button的lay-filter的值,并不是form标签中的lay-filter的属性值。

    先记录到这儿吧,好坑。一切的东西最好按照api上边的写。

    以上这篇layui form表单提交后实现自动刷新就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

    展开全文
  • 刚刚使用layui 来做东西,对这一切都不熟悉,使用一下form表单,但是,不能成功使用。 问题: 1、提交表单,页面自动刷新。 出现这样情况呢,搜索了一下是因为表单的提交按钮没有type类型。哪怕是button标签呢,...
  • 提交表单数据时,提交按钮为 submit 类型,以layui为js框架时,会重复提交表单数据,为防止这一情况,有效做法是: 在&lt;form&gt;里面,加上lay-filter="formConfig" , onsubmit="...

    在提交表单数据时,提交按钮为 submit 类型,以layui为js框架时,会重复提交表单数据,为防止这一情况,有效的做法是:

    在<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做新增时 在监听提交的回调函数里 发现data里field没有值 在网上找了半天 一般都说form表单没加样式 经过一番尝试还是没有解决这个问题,后来又看了看官方文档 发现原来是过滤器名称给错了 应该给...

    今天使用layui做新增时 在监听提交的回调函数里 发现data里的field没有值
    在网上找了半天

    一般都说form表单没加样式 经过一番尝试还是没有解决这个问题,后来又看了看官方文档
    发现原来是过滤器的名称给错了 应该给的是提交按钮的事件过滤器而不是表单的

    真是粗心大意嗷

    展开全文
  • layui form表单提交后,自动刷新

    万次阅读 2018-11-28 13:29:51
    刚刚使用layui 来做东西,对这一切都不熟悉,使用一下form表单,但是,不能成功使用。 问题: 提交表单,页面自动刷新。 出现这样情况呢,搜索了一下是因为表单的提交按钮没有type类型。哪怕是button标签呢,...
  • 监听submit提交 首先在layui中监听表单提交事件 form.on('submit(*)', function(data){ console.log(data.elem) //被执行事件的元素DOM对象,一般为button对象 console.log(data.form) //被执行提交的form对象...
  • layui form表单的问题

    2021-01-14 14:24:34
    问题出在箭头所指处,如果这里写成form的话,点击button的事件也会提交表单,导致页面刷新。 把form标签改成div就行了。具体原因layui文档里好像有,如果用form的话,submit提交的时候,最后要加一个return false,...
  • 在使用以下代码监听lay-filter为editConfig提交按钮后,当点击提交按钮时会触发两次该提交事件。form.on("submit(editConfig)",function(data){ ...}最后经过检查代码发现form表单的lay-filter值同...
  • layui表单提交

    2018-06-25 15:09:00
    一、layui.form事件监听 语法:form.on('event(过滤器值)', callback); form模块在 layui 事件机制中注册了专...form支持的事件如下: event描述 select 监听select下拉选择事件 checkbox 监听c...
  • 在开发过程中,遇到了form表单在没有点击事件的时候,自动提交。导致报错。 但是目的是,在用户主动进行表单提交的时候,触发这个时间。 看一下代码: <button class="layui-btn" lay-filter="add" lay-submit&...
  • layui 表单重复提交

    2020-04-21 14:10:06
    今天遇到点小bug ,在改一个后台的项目文件,试用layui的from.... 使用return false 阻止表单提交 放弃layui form.on 使用onclick 事件, 以上3种,对我来说没用,最后试用ajax原生态的一招,e.preventDefault() 完...
  • layui阻止表单提交的一个问题

    千次阅读 2018-10-23 15:15:19
    最近使用layui的时候,想阻止表单提交form.on('submit(*)', function(data){  console.log(data.elem) //被执行事件的元素DOM对象,一般为button对象  console.log(data.form) ...
  • Layui form提交阻止刷新

    万次阅读 2020-08-16 10:45:36
    // 设置表单提交不刷新事件--Start function stopDefault( e ) { //阻止默认浏览器动作(W3C) if ( e && e.preventDefault ){ e.preventDefault(); }else{//IE中阻止函数器默认动作方式 window....
  • layui表单提交时出现提交多次原因 1. js文件引用了多次 一般使用layui需要引用layui.js,有会引用layui.all.js。 如果使用layui默认的表单提交方式,且你上述js文件同时引用,或者重复引用,那么就会导致表单...
  • layui 表单提交不执行ajax

    千次阅读 2018-08-24 10:30:00
    在官方文档2.x里面写的layui Form提交示例,form.on事件获取表单对应json信息,然后自己ajax提交表单, 但是总是提交失败,一开始以为获取到json信息之后那个return false已经无用了。没想到就这个return 坑了...
  • 最近在使用Layui框架,Layui默认的form表单提交会自动监听其内的<button>标签,当点击button时自动触发表单提交事件。 同样,Layui的upload上传控件默认自动提交,也可以通过绑定另一个按钮,控制提交。 ...
  • fsLayuiPlugin 是一个...GitHub下载 码云下载测试环境地址:http://fslayui.itcto.cncss和js引用公共css和js必须全部引用form表单新增操作新增只需要关注按钮配置form表单基于layui.form 监听提交事件,不需要配置f...
  •  发生“表单提交时出现一闪而过验证信息”原因是,同一个html页面中不同form表单的事件过滤器(lay-filter)值重复,导致表单交叉重复验证。  具体来说就是当你在提交表单时,虽然不会影响表单数据提交,...
  • 在js中对元素界面操作主要是学习给标签添加样式,在内置模块中主要是学习如何引用模块,对标签行为操作一、更新渲染因为在LayUI中下拉列表、单选框、复选框都不是通过原生态的表单标签来实现,而是自己书写标签...
  • onblur()失去焦点事件,用按钮来手动触发,表单又不太美观,可以使用form表单的verify来进行验证。 html: <div class=layui-form-item> <label class=layui-form-label>用户名 <div class=layui-input-block> &...
  • layuiform表单提交失败,阻止刷新form,避免清空用户刚填写数据 用户提交时经校验,数据库已经有完全相同数据,因此添加失败,但是不关闭弹窗,也不刷新form,不清空用户刚填写数据 //表单提交事件 form.on...
  • layui使用官方的表单模块form.on('submit(sub)',function (){}) 提交,使用ajax请求向后台请求一个执行结果,根据结果进行处理,出现回调无法执行,并且页面出现了刷新 之前也遇到过这个问题,直接使用将form标签...
  • 在使用layui的form表单做验证提交的时候,如果结合vue,或者是三级联动的时候,就需要做事件监听了。具体语法:form.on('event(过滤器值)', callback);可以用于监听:select,checkbox,switch,radio,submit 的...
  • onblur()失去焦点事件,用按钮来手动触发,表单又不太美观,可以使用form表单的verify来进行验证。 html: <div class="layui-form-item"> <label class="layui-form-label">用户名</label> &...

空空如也

空空如也

1 2 3
收藏数 55
精华内容 22
关键字:

layui的form表单提交事件