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 flash复制库类 Zero Clipboard
Jan 17 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
Mar 06 Javascript
jQuery javascript获得网页的高度与宽度的实现代码
Apr 26 Javascript
微信小程序 animation API详解及实例代码
Oct 08 Javascript
Angularjs中使用轮播图指令swiper
May 30 Javascript
Vue二次封装axios为插件使用详解
May 21 Javascript
vue 1.0 结合animate.css定义动画效果
Jul 11 Javascript
微信小程序(订阅消息)功能
Oct 25 Javascript
关于引入vue.js 文件的知识点总结
Jan 28 Javascript
JS + HTML 罗盘式时钟的实现
May 21 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
jQuery 源码分析笔记
2011/05/25 PHP
php 解决旧系统 查出所有数据分页的类
2012/08/27 PHP
ThinkPHP3.1新特性之动态设置自动完成及自动验证示例代码
2014/06/23 PHP
php调用mysql存储过程实例分析
2014/12/29 PHP
php返回相对时间(如:20分钟前,3天前)的方法
2015/04/14 PHP
php文件上传后端处理小技巧
2016/05/22 PHP
PHP与Perl之间知识点区别整理
2019/03/19 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
JavaScript语言中的Literal Syntax特性分析
2007/03/08 Javascript
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
纯Javascript实现Windows 8 Metro风格实现
2013/10/15 Javascript
js实现左侧网页tab滑动门效果代码
2015/09/06 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
2016/01/20 Javascript
详解javascript表单的Ajax提交插件的使用
2016/12/29 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
2017/10/11 Javascript
微信小程序使用wxParse解析html的实现示例
2018/08/30 Javascript
如何解决webpack-dev-server代理常切换问题
2019/01/09 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
2019/01/25 Javascript
elementUI table表格动态合并的示例代码
2019/05/15 Javascript
JavaScript命名空间模式实例详解
2019/06/20 Javascript
js+html+css实现手动轮播和自动轮播
2020/12/30 Javascript
[48:24]完美世界DOTA2联赛循环赛LBZS vs Forest 第一场 10月30日
2020/10/31 DOTA
使用 Python 获取 Linux 系统信息的代码
2014/07/13 Python
Python中pip安装非PyPI官网第三方库的方法
2015/06/02 Python
bat和python批量重命名文件的实现代码
2016/05/19 Python
python中学习K-Means和图片压缩
2017/11/20 Python
Python 字符串与二进制串的相互转换示例
2018/07/23 Python
python实现音乐播放器 python实现花框音乐盒子
2020/02/25 Python
5分钟实现Canvas鼠标跟随动画背景
2019/11/18 HTML / CSS
Farfetch台湾官网:奢侈品牌时尚购物平台
2019/06/17 全球购物
ECCO英国官网:丹麦鞋履品牌
2019/09/03 全球购物
趣味比赛活动方案
2014/02/15 职场文书
机关作风整顿个人整改措施思想汇报
2014/09/29 职场文书
工作期间打牌检讨书范文
2014/11/20 职场文书
2015年学生会干事工作总结
2015/04/09 职场文书
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python