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.qrcode.min.js实现中文转化二维码
Mar 11 Javascript
浅谈JS原生Ajax,GET和POST
Jun 08 Javascript
Angular实现购物车计算示例代码
Feb 21 Javascript
JSON与JS对象的区别与对比
Mar 01 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
Mar 23 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
Apr 07 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
Sep 20 Javascript
微信小程序中setInterval的使用方法
Sep 29 Javascript
React Native时间转换格式工具类分享
Oct 24 Javascript
Angular如何在应用初始化时运行代码详解
Jun 11 Javascript
jQuery实现获取动态添加的标签对象示例
Jun 28 jQuery
Antd的Table组件嵌套Table以及选择框联动操作
Oct 24 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类包含的七种语法说明
2015/06/04 PHP
PHP 序列化和反序列化函数实例详解
2020/07/18 PHP
JS 图片缩放效果代码
2010/06/09 Javascript
子页向父页传值示例
2013/11/27 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
2014/02/28 Javascript
JS实现单行文字不间断向上滚动的方法
2015/01/29 Javascript
PageSwitch插件实现100种不同图片切换效果
2015/07/28 Javascript
jQuery 3 中的新增功能汇总介绍
2016/06/12 Javascript
window.close(); 关闭浏览器窗口js代码的总结介绍
2016/07/14 Javascript
JavaScript函数中的this四种绑定形式
2017/08/15 Javascript
pm2 部署 node的三种方法示例
2017/10/20 Javascript
jQuery使用bind动态绑定事件无效的处理方法
2018/12/11 jQuery
vue项目中将element-ui table表格写成组件的实现代码
2019/06/12 Javascript
[01:02:45]完美世界DOTA2联赛 LBZS vs Forest 第三场 11.07
2020/11/09 DOTA
用python 制作图片转pdf工具
2015/01/30 Python
Python使用内置json模块解析json格式数据的方法
2017/07/20 Python
Python实现对百度云的文件上传(实例讲解)
2017/10/21 Python
Windows 7下Python Web环境搭建图文教程
2018/03/20 Python
python实现flappy bird游戏
2018/12/24 Python
wxpython绘制圆角窗体
2019/11/18 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
Python reques接口测试框架实现代码
2020/07/28 Python
python 使用xlsxwriter循环向excel中插入数据和图片的操作
2021/01/01 Python
Uber Eats台湾:寻找附近提供送餐服务的餐厅
2018/05/07 全球购物
Wilson体育用品官网:美国著名运动器材品牌
2019/05/12 全球购物
.TTL是什么?有什么用处,通常那些工具会用到它?(ping? traceroute? ifconfig? netstat?)
2016/05/09 面试题
外科实习自我鉴定
2013/10/06 职场文书
电子装配专业毕业生求职信
2014/04/23 职场文书
李开复演讲稿
2014/05/24 职场文书
计算机科学技术自荐信
2014/06/12 职场文书
经典演讲稿开场白
2014/08/25 职场文书
行政前台岗位职责
2015/04/16 职场文书
2015年营销工作总结范文
2015/04/23 职场文书
美德少年主要事迹材料
2015/11/04 职场文书
Golang Gob编码(gob包的使用详解)
2021/05/07 Golang
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL