layuiform表单提交后实现自动刷新-创新互联

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