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 相关文章推荐
JavaScript入门教程(5) js Screen屏幕对象
Jan 31 Javascript
javaScript 读取和设置文档元素的样式属性
Apr 14 Javascript
基于jquery1.4.2的仿flash超炫焦点图播放效果
Apr 20 Javascript
Javascript学习笔记 delete运算符
Sep 13 Javascript
JavaScript 参数中的数组展开 [译]
Sep 21 Javascript
JS字符串拼接在ie中都报错的解决方法
Mar 27 Javascript
js库Modernizr的介绍和使用
May 07 Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 Javascript
Bootstrap Table的使用总结
Oct 08 Javascript
深入理解Javascript箭头函数中的this
Feb 13 Javascript
vue router下的html5 history在iis服务器上的设置方法
Oct 18 Javascript
详解template标签用法(含vue中的用法总结)
Jan 12 Vue.js
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
一条久听不愿放下的DIY森海MX500,三言两语话神奇
2021/03/02 无线电
基于ubuntu下nginx+php+mysql安装配置的具体操作步骤
2013/04/28 PHP
php的hash算法介绍
2014/02/13 PHP
php的mssql数据库连接类实例
2014/11/28 PHP
javascript css styleFloat和cssFloat
2010/03/15 Javascript
javascript学习笔记(七) js函数介绍
2012/06/19 Javascript
解析JavaScript中delete操作符不能删除的对象
2013/12/03 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
2013/12/12 Javascript
jQuery实现高亮显示的方法
2015/03/10 Javascript
javascript实现粘贴qq截图功能(clipboardData)
2016/05/29 Javascript
js实现HashTable(哈希表)的实例分析
2016/11/21 Javascript
Bootstrap基本组件学习笔记之导航(10)
2016/12/07 Javascript
jQuery按需加载轮播图(web前端性能优化)
2017/02/17 Javascript
利用Vue v-model实现一个自定义的表单组件
2017/04/27 Javascript
使用js获取伪元素的content实例
2017/10/24 Javascript
详解在Vue中使用TypeScript的一些思考(实践)
2018/07/06 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
2019/02/26 Javascript
JS实现打砖块游戏
2020/02/14 Javascript
[05:04]DOTA2上海特级锦标赛主赛事第二日TOP10
2016/03/04 DOTA
[01:48:04]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第一场 2月7日
2021/03/11 DOTA
用实例说明python的*args和**kwargs用法
2013/11/01 Python
Django admin实现图书管理系统菜鸟级教程完整实例
2017/12/12 Python
Python爬取商家联系电话以及各种数据的方法
2018/11/10 Python
python集合是否可变总结
2019/06/20 Python
python实现局域网内实时通信代码
2019/12/22 Python
利用django创建一个简易的博客网站的示例
2020/09/29 Python
使用HTML5捕捉音频与视频信息概述及实例
2018/08/22 HTML / CSS
全球知名的婚恋交友网站:Match.com
2017/01/05 全球购物
怎样填写就业意向
2014/04/02 职场文书
招标承诺书
2014/08/30 职场文书
工作失误检讨书(3篇)
2014/10/11 职场文书
2015年公务员工作总结
2015/04/24 职场文书
退休欢送会主持词
2015/07/01 职场文书
浅谈vue2的$refs在vue3组合式API中的替代方法
2021/04/18 Vue.js
电频谱管理的原则是什么
2022/02/18 无线电
MySQL 语句执行顺序举例解析
2022/06/05 MySQL