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实现UTF8编码转换成gb2312编码
Dec 22 Javascript
页面中body onload 和 window.onload 冲突的问题的解决
Jul 01 Javascript
javascript event 事件解析
Jan 31 Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
Mar 06 Javascript
node.js中的fs.open方法使用说明
Dec 17 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
Mar 03 Javascript
ES6中Array.includes()函数的用法
Sep 20 Javascript
JS实现模糊查询带下拉匹配效果
Jun 21 Javascript
angular实现input输入监听的示例
Aug 31 Javascript
javascript的惯性运动实现代码实例
Sep 07 Javascript
Vue项目利用axios请求接口下载excel
Nov 17 Vue.js
element多个表单校验的实现
May 27 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即时捕捉PHP中的错误并发送email通知的实现代码
2013/01/19 PHP
php+memcache实现的网站在线人数统计代码
2014/07/04 PHP
PHP Web木马扫描器代码分享
2015/09/06 PHP
PHP静态延迟绑定和普通静态效率的对比
2017/10/20 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
Javascript 跨域访问解决方案
2009/02/14 Javascript
javascript学习笔记(十九) 节点的操作实现代码
2012/06/20 Javascript
5秒后跳转效果(setInterval/SetTimeOut)
2013/05/03 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
点击标签切换和自动切换DIV选项卡
2014/08/10 Javascript
被遗忘的javascript的slice() 方法
2015/04/20 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
2015/10/28 Javascript
JS折半插入排序算法实例
2015/12/02 Javascript
jquery.validate表单验证插件使用方法解析
2016/11/07 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
html5+canvas实现支持触屏的签名插件教程
2017/05/08 Javascript
AngularJS 最常用的八种功能(基础知识)
2017/06/26 Javascript
nodejs 简单实现动态html的方法
2018/05/12 NodeJs
Nuxt.js实战和配置详解
2019/08/05 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
2019/09/10 Javascript
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
Python实现自动上京东抢手机
2018/02/06 Python
python中的文件打开与关闭操作命令介绍
2018/04/26 Python
对python中字典keys,values,items的使用详解
2019/02/03 Python
学习python分支结构
2019/05/17 Python
python实现单目标、多目标、多尺度、自定义特征的KCF跟踪算法(实例代码)
2020/01/08 Python
美国唇部护理专家:Sara Happ
2019/06/19 全球购物
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
教师现实表现材料
2014/02/14 职场文书
群众路线剖析材料怎么写
2014/10/09 职场文书
2015年教师节演讲稿范文
2015/03/19 职场文书
让世界充满爱观后感
2015/06/10 职场文书
中秋联欢会主持词
2015/07/04 职场文书
公司规章制度范本
2015/08/03 职场文书
个人工作总结(管理人员)范文
2019/08/13 职场文书
css如何把元素固定在容器底部的四种方式
2022/06/16 HTML / CSS