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中的console.trace()函数介绍
Dec 29 Javascript
jQuery中deferred对象使用方法详解
Jul 14 Javascript
jQuery EasyUI常用数据验证汇总
Sep 18 Javascript
js获取地址栏中传递的参数(两种方法)
Feb 08 Javascript
jQuery插件开发发送短信倒计时功能代码
May 09 jQuery
ES6学习教程之模板字符串详解
Oct 09 Javascript
JavaScript 预解析的4种实现方法解析
Sep 03 Javascript
vue遍历对象中的数组取值示例
Nov 07 Javascript
jQuery实现的图片点击放大缩小功能案例
Jan 02 jQuery
在vue中使用jsonp进行跨域请求接口操作
Oct 29 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
Nov 12 Javascript
vue组件中节流函数的失效的原因和解决方法
Dec 02 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
PHP 高手之路(三)
2006/10/09 PHP
提高php运行速度的一些小技巧分享
2012/07/03 PHP
php url路由入门实例
2014/04/23 PHP
php自动载入类用法实例分析
2016/06/24 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
Gambit vs CL BO3 第一场 2.13
2021/03/10 DOTA
不同Jquery版本引发的问题解决
2013/10/14 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
2014/02/28 Javascript
通过Jquery的Ajax方法读取将table转换为Json
2014/05/31 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
2015/04/01 Javascript
javascript跨域方法、原理以及出现问题解决方法(详解)
2015/08/06 Javascript
jQuery超简单选项卡完整实例
2015/09/26 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
2015/12/13 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
2016/10/31 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
2017/02/14 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
2019/02/21 Javascript
React中使用UMEditor的方法示例
2019/12/27 Javascript
javascript实现移动端触屏拖拽功能
2020/07/29 Javascript
OpenLayers3实现鼠标移动显示坐标
2020/09/25 Javascript
[42:25]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第三场
2018/04/06 DOTA
[04:45]DOTA2-DPC中国联赛正赛 iG vs LBZS 赛后选手采访
2021/03/11 DOTA
python实现模拟按键,自动翻页看u17漫画
2015/03/17 Python
Python导出数据到Excel可读取的CSV文件的方法
2015/05/12 Python
Flask框架Flask-Principal基本用法实例分析
2018/07/23 Python
详解django中url路由配置及渲染方式
2019/02/25 Python
Numpy数组array和矩阵matrix转换方法
2019/08/05 Python
linux环境下安装python虚拟环境及注意事项
2020/01/07 Python
python 项目目录结构设置
2020/02/14 Python
基于PyTorch的permute和reshape/view的区别介绍
2020/06/18 Python
css3 border旋转时的动画应用
2016/01/22 HTML / CSS
高一自我鉴定
2013/12/17 职场文书
幼儿园教师请假制度
2014/01/16 职场文书
超市采购员岗位职责
2014/02/01 职场文书
html实现随机点名器的示例代码
2021/04/02 Javascript
JS ES6异步解决方案
2021/04/29 Javascript
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python