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 相关文章推荐
js jquery做的图片连续滚动代码
Jan 06 Javascript
通过Jquery遍历Json的两种数据结构的实现代码
Jan 19 Javascript
另一个javascript小测验(代码集合)
Jul 27 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
Aug 08 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
Aug 16 Javascript
javascript实现回到顶部特效
May 06 Javascript
JS读写CSS样式的方法汇总
Aug 16 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
Aug 17 Javascript
原生js验证简洁注册登录页面
Dec 17 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 Javascript
浅谈Angular 观察者模式理解
Nov 01 Javascript
JS数组及对象遍历方法代码汇总
Jun 16 Javascript
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版国家代码、缩写查询函数代码
2011/08/14 PHP
php7基于递归实现删除空文件夹的方法示例
2017/06/15 PHP
一些常用的Javascript函数
2006/12/22 Javascript
javascript不同页面传值的改进版
2008/09/30 Javascript
使用js解决由border属性引起的div宽度问题
2013/11/26 Javascript
js data日期初始化的5种方法
2013/12/29 Javascript
jQuery+AJAX实现网页无刷新上传
2015/02/22 Javascript
JavaScript 模块的循环加载实现方法
2015/12/13 Javascript
JavaScript编写一个简易购物车功能
2016/09/17 Javascript
浅谈如何使用 webpack 优化资源
2017/10/20 Javascript
微信小程序wx:for循环的实例详解
2018/10/07 Javascript
详解用JS添加和删除class类名
2019/03/25 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
Node.js 实现抢票小工具 & 短信通知提醒功能
2019/10/22 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
js实现九宫格抽奖
2020/03/19 Javascript
jQuery实现简单QQ聊天框
2020/08/27 jQuery
antd 表格列宽自适应方法以及错误处理操作
2020/10/27 Javascript
[04:38]完美世界携手游戏风云打造 卡尔工作室饰品系统篇
2013/04/25 DOTA
python 2.6.6升级到python 2.7.x版本的方法
2016/10/09 Python
win10下Python3.6安装、配置以及pip安装包教程
2017/10/01 Python
浅谈python数据类型及类型转换
2017/12/18 Python
Django 外键的使用方法详解
2019/07/19 Python
Python字符串中删除特定字符的方法
2020/01/15 Python
使用Python来做一个屏幕录制工具的操作代码
2020/01/18 Python
解决pycharm编辑区显示yaml文件层级结构遇中文乱码问题
2020/04/27 Python
HTML+CSS3+JS 实现的下拉菜单
2020/11/25 HTML / CSS
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
荷兰领先的百货商店:De Bijenkorf
2018/10/17 全球购物
德国综合购物网站:OTTO
2018/11/13 全球购物
班级学习计划书
2014/04/27 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
大型活动组织方案
2014/05/10 职场文书
大学生创业计划书
2014/08/14 职场文书
节水倡议书
2015/01/19 职场文书
2015年小学语文教学工作总结
2015/05/25 职场文书