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表单提交后实现自动刷新就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了js实现鼠标左右移动，图片也跟着移动效果的方法与思路。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了JavaScript中0和""比较引发的问题,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-05-05
这篇文章主要介绍了Boostrap栅格系统与自己额外定义的媒体查询的冲突问题,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-02-02
作为一名开发人员（WEB前端JavaScript开发），不规范的开发不仅使日后代码维护变的困难，同时也不利于团队的合作，通常还会带来代码安全以及执行效率上的问题。2010-06-06
这篇文章主要介绍了phantomjs导出html到pdf的方法总结,需要的朋友可以参考下2017-10-10
Javascript获取与设置ckeditor数据的实现方法
最近编辑器后台升级成了ckeditor,但原来后台有很多对应编辑器内容的替换功能,那么就需要用js获取ckeditor编辑器里面的内容,这里就为大家介绍一下具体的实现方法2023-08-08
这篇文章主要介绍了微信小程序 可搜索的地址选择实现详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-08-08
JavaScript高级程序设计 阅读笔记（二十） js错误处理
语法错误,也称解析错误，发生在传统语言的编译时，在JavaScript中发生在解释时,运行时错误也称为异常（exception，在编译期/解释器后）2012-08-08
这篇文章主要介绍了JavaScript对象属性检查、增加、删除、访问操作实例,本文分别给出代码实例来讲解如何给对象增加属性、检查属性存在、以及删除和访问属性,需要的朋友可以参考下2015-07-07
JavaScript中setTimeout的那些事儿到底有什么？setTimeout单线程、延迟时间等，感兴趣的小伙伴们可以参考一下2016-11-11
最新评论