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 相关文章推荐
对google个性主页的拖拽效果的js的完整注释[转]
Apr 10 Javascript
setTimeout与setInterval在不同浏览器下的差异
Jan 24 Javascript
JS冒泡事件的快速解决方法
Dec 16 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
Aug 14 Javascript
js改变embed标签src值的方法
Apr 10 Javascript
字符串反转_JavaScript
Apr 28 Javascript
js控制按钮,防止频繁点击响应的实例
Feb 15 Javascript
聊聊Vue.js的template编译的问题
Oct 09 Javascript
vue实现固定位置显示功能
May 30 Javascript
简单分析js中的this的原理
Aug 31 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
Dec 29 Javascript
vue+elementui 实现新增和修改共用一个弹框的完整代码
Jun 08 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关于array_multisort多维数组排序的使用说明
2011/01/04 PHP
php安全开发 添加随机字符串验证,防止伪造跨站请求
2013/02/14 PHP
PHP查询快递信息的方法
2015/03/07 PHP
PHPStrom 新建FTP项目以及在线操作教程
2016/10/16 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
jQuery 点击图片跳转上一张或下一张功能的实现代码
2010/03/12 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
2012/09/14 Javascript
NodeJS学习笔记之MongoDB模块
2015/01/13 NodeJs
JavaScript 事件入门知识
2015/04/13 Javascript
jQuery遍历DOM节点操作之filter()方法详解
2016/04/14 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
2017/08/17 Javascript
vue 的 solt 子组件过滤过程解析
2019/09/07 Javascript
vue 解决computed修改data数据的问题
2019/11/06 Javascript
vue插槽slot的简单理解与用法实例分析
2020/03/14 Javascript
下载给定网页上图片的方法
2014/02/18 Python
Python检测字符串中是否包含某字符集合中的字符
2015/05/21 Python
pandas 小数位数 精度的处理方法
2018/06/09 Python
基于windows下pip安装python模块时报错总结
2018/06/12 Python
python读写LMDB文件的方法
2018/07/02 Python
python3实现钉钉消息推送的方法示例
2019/03/14 Python
python Django里CSRF 对应策略详解
2019/08/05 Python
Linux下通过python获取本机ip方法示例
2019/09/06 Python
django rest framework serializers序列化实例
2020/05/13 Python
CSS3中使用RGBa来调节透明度的教程
2016/05/09 HTML / CSS
canvas烟花特效锦集
2018/01/17 HTML / CSS
奥地利顶级内衣丝袜品牌英国站:Wolford英国
2016/08/29 全球购物
精油和天然健康美容产品:Art Naturals
2018/01/27 全球购物
奇怪的鱼:Weird Fish
2018/03/18 全球购物
武汉世纪畅想数字传播有限公司.NET笔试题
2014/07/22 面试题
领导干部考察材料
2014/02/08 职场文书
父亲节寄语大全
2015/02/27 职场文书
2015年电工工作总结
2015/04/10 职场文书
2016年“节能宣传周”活动总结
2016/04/05 职场文书
行政后勤人员工作计划应该怎么写?
2019/08/16 职场文书
浅谈Golang 切片(slice)扩容机制的原理
2021/06/09 Golang