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 浏览器检测代码精简版
Mar 04 Javascript
JavaScript高级程序设计 错误处理与调试学习笔记
Sep 10 Javascript
js和jquery如何获取图片真实的宽度和高度
Sep 28 Javascript
jQuery如何使用自动触发事件trigger
Nov 29 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
Dec 24 Javascript
jQuery版本升级踩坑大全
Jan 12 Javascript
AngularJS 如何在控制台进行错误调试
Jun 07 Javascript
jQuery简单实现列表隐藏和显示效果示例
Sep 12 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
Dec 02 Javascript
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
Jul 19 Javascript
JS与HTML结合实现流程进度展示条思路详解
Sep 03 Javascript
Element UI 自定义正则表达式验证方法
Sep 04 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应用程序来获取Web服务器的状态信息
2006/10/09 PHP
PHP脚本数据库功能详解(下)
2006/10/09 PHP
PHP 一个随机字符串生成代码
2010/05/26 PHP
php调用方法mssql_fetch_row、mssql_fetch_array、mssql_fetch_assoc和mssql_fetch_objcect读取数据的区别
2012/08/08 PHP
codeigniter中测试通过的分页类示例
2014/04/17 PHP
PHP开发框架kohana3 自定义路由设置示例
2014/07/14 PHP
PHP使用FFmpeg获取视频播放总时长与码率等信息
2016/09/13 PHP
JavaScript的目的分析
2007/01/05 Javascript
JavaScript 对象、函数和继承
2009/07/07 Javascript
Mootools 1.2教程(2) DOM选择器
2009/09/14 Javascript
分享几个超级震憾的图片特效
2012/01/08 Javascript
js实现表格字段排序
2014/02/19 Javascript
JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例
2015/04/22 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
jQuery实现图片轮播效果代码
2016/09/27 Javascript
Javascript 普通函数和构造函数的区别
2016/11/05 Javascript
关于页面刷新vuex数据消失问题解决方案
2017/07/03 Javascript
Node.js静态服务器的实现方法
2018/02/28 Javascript
解决修复npm安装全局模块权限的问题
2018/05/17 Javascript
解决vue中修改了数据但视图无法更新的情况
2018/08/27 Javascript
[03:07]【DOTA2亚洲邀请赛】我们,梦开始的地方
2017/03/07 DOTA
python flask中静态文件的管理方法
2018/03/20 Python
解决python多行注释引发缩进错误的问题
2019/08/23 Python
pymysql模块的操作实例
2019/12/17 Python
pytorch之添加BN的实现
2020/01/06 Python
澳大利亚Rockwear官网:女子瑜伽、健身和运动服
2021/01/26 全球购物
自荐信的两点禁忌
2013/10/30 职场文书
2014年高三毕业生自我评价
2014/01/11 职场文书
教师节促销方案
2014/03/22 职场文书
开除员工通知
2015/04/22 职场文书
余世维讲座观后感
2015/06/11 职场文书
高中数学教学反思范文
2016/02/18 职场文书
公文写作指导之倡议书!
2019/07/03 职场文书
励志语录:时光飞逝,请学会珍惜所有的人和事
2020/01/16 职场文书
浅谈Python中的函数(def)及参数传递操作
2021/05/25 Python
如何用PHP实现多线程编程
2021/05/26 PHP