layui form表单提交后实现自动刷新

 更新时间:2019年10月25日 14:49:05   作者:漩涡中的蚂蚁  
今天小编就为大家分享一篇layui form表单提交后实现自动刷新,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

刚刚使用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表单提交后实现自动刷新就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • bootstrap table合并行数据并居中对齐效果

    bootstrap table合并行数据并居中对齐效果

    这篇文章主要为大家详细介绍了bootstrap table合并行数据并居中对齐效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • 解决layui table表单提示数据接口请求异常的问题

    解决layui table表单提示数据接口请求异常的问题

    今天小编就为大家分享一篇解决layui table表单提示数据接口请求异常的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • js实现瀑布流的一种简单方法实例分享

    js实现瀑布流的一种简单方法实例分享

    现在说瀑布流式布局似乎有点晚了,但是每一项技术都是向着“精”和“简”的方向在不断发展,在发展到极致之前,需要一个相当漫长的过程,因此,从这个角度来说,当瀑布流被应用得越来越多的时候,反而更应该讨论它,讨论如何将它改善
    2013-11-11
  • js处理自己不能定义二维数组的方法详解

    js处理自己不能定义二维数组的方法详解

    本篇文章主要是对js处理自己不能定义二维数组的方法进行了介绍,需要的朋友可以过来参考下,希望读大家有所帮助
    2014-03-03
  • 自定义事件解决重复请求BUG的问题

    自定义事件解决重复请求BUG的问题

    下面小编就为大家带来一篇自定义事件解决重复请求BUG的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • 浅谈JavaScript正则表达式分组匹配

    浅谈JavaScript正则表达式分组匹配

    一个正则表达式要如何书写才能同时匹配这两个数字呢?简单的字符表达式当然无法完成了,这个时候我们就可以定义一个字符集合(字符类)来进行匹配。这就是分组匹配了
    2015-04-04
  • JS生成登录验证码的实现示例

    JS生成登录验证码的实现示例

    本文主要介绍了JS生成登录验证码的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-12-12
  • 学习javascript文件加载优化

    学习javascript文件加载优化

    这篇文章主要为大家详细介绍了javascript文件加载优化,三种方式实现js文件加载优化,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • js自定义鼠标右键的实现原理及源码

    js自定义鼠标右键的实现原理及源码

    这篇文章主要介绍了js自定义鼠标右键的实现原理及源码,需要的朋友可以参考下
    2014-06-06
  • 微信小程序实现播放音频功能

    微信小程序实现播放音频功能

    这篇文章主要为大家详细介绍了微信小程序实现播放音频功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07

最新评论