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 相关文章推荐
js实现iframe动态调整高度的代码
Jan 06 Javascript
JS 参数传递的实际应用代码分析
Sep 13 Javascript
javascript 处理null及null值示例
Jun 09 Javascript
escape编码与unescape解码汉字出现乱码的解决方法
Jul 02 Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
Mar 30 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
Jul 12 Javascript
AngularJs验证重复密码的方法(两种)
Nov 25 Javascript
js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)
Feb 13 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
Jul 18 Javascript
vue实现登录后页面跳转到之前页面
Jan 07 Javascript
vue中格式化时间过滤器代码实例
Apr 17 Javascript
js比较两个单独的数组或对象是否相等的实例代码
Apr 28 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
smarty的保留变量问题
2008/10/23 PHP
PHP5中使用PDO连接数据库的方法
2010/08/01 PHP
php 中的4种标记风格介绍
2012/05/10 PHP
跟我学Laravel之安装Laravel
2014/10/15 PHP
PHP基于递归算法解决兔子生兔子问题
2018/05/11 PHP
PHP获取本周所有日期或者最近七天所有日期的方法
2018/06/20 PHP
JavaScript下申明对象的几种方法小结
2008/10/02 Javascript
javascript cookies 设置、读取、删除实例代码
2010/04/12 Javascript
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
2013/01/24 Javascript
浅谈JavaScript中的字符编码转换问题
2015/07/07 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
2015/11/04 Javascript
JS实现简单的tab切换选项卡效果
2016/09/21 Javascript
微信小程序实现移动端滑动分页效果(ajax)
2017/06/13 Javascript
mpvue全局引入sass文件的方法步骤
2019/03/06 Javascript
vue实现扫码功能
2020/01/17 Javascript
Python写的PHPMyAdmin暴力破解工具代码
2014/08/06 Python
详解使用Python处理文件目录的相关方法
2015/10/16 Python
Python实现简单字典树的方法
2016/04/29 Python
20招让你的Python飞起来!
2016/09/27 Python
分数霸榜! python助你微信跳一跳拿高分
2018/01/08 Python
python爬虫基本知识
2018/03/05 Python
Python处理菜单消息操作示例【基于win32ui模块】
2018/05/09 Python
Python使用random.shuffle()打乱列表顺序的方法
2018/11/08 Python
对Django url的几种使用方式详解
2019/08/06 Python
python之语音识别speech模块
2020/09/09 Python
详解pycharm连接远程linux服务器的虚拟环境的方法
2020/11/13 Python
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
自荐信怎么写好
2013/11/11 职场文书
法律系毕业生自荐信范文
2014/03/27 职场文书
人力资源管理专业毕业生自荐书
2014/05/25 职场文书
初中班级口号
2014/06/09 职场文书
护士工作失误检讨书
2014/09/14 职场文书
公安机关查摆剖析材料
2014/10/10 职场文书
2016年119消防宣传日活动总结
2016/04/05 职场文书
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
Java中Quartz高可用定时任务快速入门
2022/04/03 Java/Android