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 iframe内的函数调用实现方法
Jul 19 Javascript
js 数组克隆方法 小结
Mar 20 Javascript
jquery获取html元素的绝对位置和相对位置的方法
Jun 20 Javascript
jQuery实现限制textarea文本框输入字符数量的方法
May 28 Javascript
微信支付 JS API支付接口详解
Jul 11 Javascript
Javascript this 函数深入详解
Dec 13 Javascript
JavaScript中splice与slice的区别
May 09 Javascript
浏览器调试动态js脚本的方法(图解)
Jan 19 Javascript
浅谈React 服务器端渲染的使用
May 08 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
Jul 19 Javascript
JS创建自定义对象的六种方法总结
Dec 15 Javascript
Javascript生成器(Generator)的介绍与使用
Jan 31 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
Yii2实现同时搜索多个字段的方法
2016/08/10 PHP
JavaScript中的Document文档对象
2008/01/16 Javascript
关于JavaScript的一些看法
2009/05/27 Javascript
JQUERY获取form表单值的代码
2010/07/17 Javascript
客户端限制只能上传jpg格式图片的js代码
2010/12/09 Javascript
使用隐藏的new来创建对象
2011/03/29 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
2012/07/31 Javascript
JavaScript创建类/对象的几种方式概述及实例
2013/05/06 Javascript
基于jquery实现表格内容筛选功能实例解析
2016/05/09 Javascript
react.js 翻页插件实例代码
2017/01/19 Javascript
Web前端框架Angular4.0.0 正式版发布
2017/03/28 Javascript
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
2017/08/16 Javascript
Vuejs 单文件组件实例详解
2018/02/09 Javascript
使用watch监听路由变化和watch监听对象的实例
2018/02/24 Javascript
在vscode里使用.vue代码模板的方法
2018/04/28 Javascript
vue 路由嵌套高亮问题的解决方法
2018/05/17 Javascript
解决vue项目打包后提示图片文件路径错误的问题
2018/07/04 Javascript
js实现unicode码字符串与utf8字节数据互转详解
2019/03/21 Javascript
javascript实现导航栏分页效果
2019/06/27 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
2019/07/16 Javascript
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
2019/09/04 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
vue实现标签云效果的示例
2020/11/09 Javascript
Python批量修改文件后缀的方法
2014/01/26 Python
Python加pyGame实现的简单拼图游戏实例
2015/05/15 Python
python验证码识别的示例代码
2017/09/21 Python
pandas 实现将重复表格去重,并重新转换为表格的方法
2018/04/18 Python
使用 Python 读取电子表格中的数据实例详解
2020/04/17 Python
Python Process创建进程的2种方法详解
2021/01/25 Python
Linux机考试题
2015/10/16 面试题
经济系大学生求职信
2013/10/01 职场文书
公证委托书大全
2014/04/04 职场文书
小组口号大全
2014/06/09 职场文书
2015年质量管理工作总结范文
2015/05/18 职场文书
升学宴学生致辞
2015/07/27 职场文书
python使用pywinauto驱动微信客户端实现公众号爬虫
2021/05/19 Python