layui form表单提交后,自动刷新

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

问题:

  1. 提交表单,页面自动刷新。
    1. 出现这样的情况呢,搜索了一下是因为表单的提交按钮没有type类型。哪怕是button标签呢,也不行。我试了一下,使用这种情况的话,主要是在监听事件中并没有返回return false,如果返回了return false,这个就可以不再刷新。
  2. 提交表单,获取不到form表单中的数据。
    1. 有人说,是因为给了一个id,并没有给name属性,用惯了jquery。我懒得去找这个问题,因为,以前提交数据使用jQuery的form提交的话用的是实例化的方法serialzeable() 方法。算一个吧。
    2. 没有给form表单添加class 指明是class=“layui-form”。这也是一个问题。这个是不注意么。
    3. 我避免了上述的问题,还是在data中获取不到field中的值,那么问题来了。这个是怎么回事儿? 以为啊form内置模块中有一个属性 lay-submit 无需填写值,绑定触发提交的元素,如button,好吧。问题出现在了这儿。
    4. 事件监听的方法,form.on(‘submit(filter)’,function(){}) 里边的filter是button的lay-filter的值,并不是form标签中的lay-filter的属性值。

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

猜你喜欢

转载自blog.csdn.net/m0_37626203/article/details/84582529