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


Posted in Javascript onOctober 25, 2019

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

Javascript 相关文章推荐
jQuery 判断页面元素是否存在的代码
Aug 14 Javascript
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
May 23 Javascript
jquery简单实现图片切换效果的方法
May 12 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
Oct 27 Javascript
js中常用的Math方法总结
Jan 12 Javascript
javascript 中的继承实例详解
May 05 Javascript
AngularJS解决ng-if中的ng-model值无效的问题
Jun 21 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
Jul 17 jQuery
微信小程序获取用户信息并保存登录状态详解
May 10 Javascript
jQuery实现可编辑的表格
Dec 11 jQuery
深入了解Vue动态组件和异步组件
Jan 26 Vue.js
jquery插件实现代码雨特效
Apr 24 jQuery
jquery实现购物车基本功能
Oct 25 #jQuery
vue中@change兼容问题详解
Oct 25 #Javascript
vue下的@change事件的实现
Oct 25 #Javascript
微信小程序(订阅消息)功能
Oct 25 #Javascript
layui 解决form表单点击无反应的问题
Oct 25 #Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
Oct 25 #Javascript
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
Oct 25 #Javascript
You might like
PHP代码重构方法漫谈
2018/04/17 PHP
jquery 表单取值常用代码
2009/12/22 Javascript
JavaScript 事件冒泡简介及应用
2010/01/11 Javascript
使用dynatrace-ajax跟踪JavaScript的性能
2010/04/12 Javascript
jquery选择器-根据多个属性选择示例代码
2013/10/21 Javascript
js处理表格对table进行修饰
2014/05/26 Javascript
javascript单例模式的简单实现方法
2015/07/25 Javascript
关于动态执行代码(js的Eval)实例详解
2016/08/15 Javascript
JS按条件 serialize() 对应标签的使用方法
2017/07/24 Javascript
webpack配置之后端渲染详解
2017/10/26 Javascript
vue移动端城市三级联动组件使用详解
2019/07/26 Javascript
公众号SVG动画交互实战代码
2020/05/31 Javascript
vue router-link 默认a标签去除下划线的实现
2020/11/06 Javascript
[05:59]2018DOTA2国际邀请赛寻真——只为胜利的Secret
2018/08/13 DOTA
[01:02:54]完美世界DOTA2联赛PWL S2 FTD vs GXR 第一场 11.22
2020/11/26 DOTA
python使用正则搜索字符串或文件中的浮点数代码实例
2014/07/11 Python
Python实现对PPT文件进行截图操作的方法
2015/04/28 Python
利用Python抓取行政区划码的方法
2016/11/28 Python
详解Python中for循环是如何工作的
2017/06/30 Python
Python在信息学竞赛中的运用及Python的基本用法(详解)
2017/08/15 Python
浅谈django orm 优化
2018/08/18 Python
Django实现学生管理系统
2019/02/26 Python
Python中将两个或多个list合成一个list的方法小结
2019/05/12 Python
python使用Pandas库提升项目的运行速度过程详解
2019/07/12 Python
python并发编程 Process对象的其他属性方法join方法详解
2019/08/20 Python
numpy.linalg.eig() 计算矩阵特征向量方式
2019/11/29 Python
pytorch 实现将自己的图片数据处理成可以训练的图片类型
2020/01/08 Python
Python 日期时间datetime 加一天,减一天,加减一小时一分钟,加减一年
2020/04/16 Python
用python查找统一局域网下ip对应的mac地址
2021/01/13 Python
药剂专业个人求职信范文
2014/04/29 职场文书
小学模范班主任事迹材料
2014/05/13 职场文书
预备党员群众路线教育实践活动思想汇报2014
2014/10/25 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
关于国庆节的广播稿
2015/08/19 职场文书
2016关于学习党章的心得体会
2016/01/15 职场文书
MySQL学习必备条件查询数据
2022/03/25 MySQL