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下阻止表单重复提交、防刷新、防后退
Aug 17 Javascript
Exitjs获取DataView中图片文件名
Nov 26 Javascript
javascript实现div的显示和隐藏的小例子
Jun 25 Javascript
jQuery判断div随滚动条滚动到一定位置后停止
Apr 02 Javascript
node.js中实现同步操作的3种实现方法
Dec 05 Javascript
做web开发 先学JavaScript
Dec 12 Javascript
angularJS中router的使用指南
Feb 09 Javascript
前端框架Vue.js中Directive知识详解
Sep 12 Javascript
原生JS查找元素的方法(推荐)
Nov 22 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
Apr 11 Javascript
浅谈Vuejs中nextTick()异步更新队列源码解析
Dec 31 Javascript
详解vue-cli官方脚手架配置
Jul 20 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数据库开发知多少
2006/10/09 PHP
php中函数的形参与实参的问题说明
2010/09/01 PHP
php入门学习知识点七 PHP函数的基本应用
2011/07/14 PHP
php实现文件编码批量转换
2014/03/10 PHP
PHP环境搭建(php+Apache+mysql)
2016/11/14 PHP
解决php-fpm.service not found问题的办法
2017/06/06 PHP
PHP合并两个或多个数组的方法
2019/01/20 PHP
10个新的最有前途的JavaScript框架
2009/03/12 Javascript
html数组字符串拼接的最快方法
2009/09/16 Javascript
40款非常棒的jQuery 插件和制作教程(系列一)
2011/10/26 Javascript
减少访问DOM的次数提升javascript性能
2014/02/24 Javascript
js离开或刷新页面检测(且兼容FF,IE,Chrome)
2014/03/05 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
2015/07/02 Javascript
学习javascript面向对象 理解javascript对象
2016/01/04 Javascript
Bootstrap源码解读导航条(7)
2016/12/23 Javascript
Sublime Text3 配置 NodeJs 环境的方法
2020/05/20 NodeJs
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
2020/07/27 Javascript
Vue包大小优化的实现(从1.72M到94K)
2021/02/18 Vue.js
python判断给定的字符串是否是有效日期的方法
2015/05/13 Python
Python实现的文本编辑器功能示例
2017/06/30 Python
python3 读取Excel表格中的数据
2018/10/16 Python
使用 Python 处理 JSON 格式的数据
2019/07/22 Python
对Pytorch中nn.ModuleList 和 nn.Sequential详解
2019/08/18 Python
django 实现手动存储文件到model的FileField
2020/03/30 Python
关于python中导入文件到list的问题
2020/10/31 Python
匡威德国官网:Converse德国
2019/01/26 全球购物
欧洲最大的预定车位市场:JustPark
2020/01/06 全球购物
社区网格化管理实施方案
2014/03/21 职场文书
保险专业求职信
2014/07/07 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
教师法制教育培训学习心得体会
2016/01/14 职场文书
2019交通安全宣传标语集锦!
2019/06/28 职场文书
《狼王梦》读后感:可怜天下父母心
2019/11/01 职场文书
字典算法实现及操作 --python(实用)
2021/03/31 Python
SQL实现LeetCode(176.第二高薪水)
2021/08/04 MySQL