刚刚使用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表单提交后实现自动刷新就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

layui提交表单自动刷新_layui form表单提交后实现自动刷新相关推荐

  1. ajax提交表单跨域啊,form表单提交没有跨域问题,但ajax提交存在跨域问题

    浏览器的策略本质是:一个域名下面的JS,没有经过允许是不能读取另外一个域名的内容,但是浏览器不阻止你向另外一个域名发送请求. 所以form表单提交没有跨域问题,提交form表单到另外一个域名,原来页面 ...

  2. vue表单提交数组_ajax传递数组、form表单提交对象数组

    在JSP页面开发中,我们常常会用到form表单做数据提交,由于以前一直只是使用form表单提交单个对象,只要表单文本域的name值和接收的对象的属性名一致,那么传值就没有什么问题.不过,在前几天的开发 ...

  3. html表单怎么设置编码,form 表单 设置编码和页面编码

    var isIE=!!window.ActiveXObject; if(isIE && document.charset!="utf-8")location.rel ...

  4. form表单校验复杂系列--- form表单内插入独立的数据表格,动态校验数据表格内每行的文件上传

    form表单校验复杂系列- form表单内插入独立的数据表格,动态校验数据表格内每行的文件上传 前言 公司项目有个模块需要优化form表单内,插入独立的数据表格,表格内容是文件上传,需要利用外部表单提 ...

  5. layui删除后刷新表格_layui form表单提交之后重新加载数据表格的方法

    如下图,在我们做高级查询的时候需要重新加载数据表格table.reload(); HTML form表单 菜单:  JS $(function () { //注意:这里是数据表格的加载数据,必须写 ...

  6. java 提交表单_http常见的form表单请求方式

    在Web开发中,我们使用的比较多的HTTP请求方式基本上就是GET.POST. 一.http请求常见的表单文件上传形式 首先了解下application/x-www-form-urlencoded和m ...

  7. php 提交表单跳转页面,form表单页面跳转方式提交练习

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 //form表单提交练习 /*新建一个form.html网页用来书写前端HTML表单*/ 表单提交练习 姓名: 年龄: 电话: 地址: QQ: 自我评价: ...

  8. php表单转json对象,form表单转Json提交的方法(推荐)

    form表单转Json提交的方法(推荐) 先将表单数值转换成数组存储,存储成的格式为[{"name":"","value":"&q ...

  9. php 表单页面跳转,form表单页面跳转方式提交练习

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 //form表单提交练习 /*新建一个form.html网页用来书写前端HTML表单*/ 表单提交练习 姓名: 年龄: 电话: 地址: QQ: 自我评价: ...

最新文章

  1. 此文一出,从此无需再熬夜等待
  2. cas服务器支持接口,3、用CAS接口对接
  3. 关于网络连接方式的总结(HostOnly,NAT....)
  4. Ecplise SVN 配置和使用
  5. linux下的socket通信小程序分享——第三圣子
  6. nvidia显卡cuda的性能_性能追平上代万元旗舰!NVIDIA GeForce RTX 3070规格解析
  7. Redis的特点持久化的原理及优缺点
  8. 计算机组成原理第4章,计算机组成原理-第4章总结.doc
  9. JavaScript从入门到放弃 -(六)正则表达式
  10. linux 下 c++ 实现 netstat_Linux下基于签名技术的软件保护之实现流程
  11. springBoot跨域解决
  12. 如何扩容LVM逻辑卷
  13. 造成sql注入的功能点_创建一个SQL注入保护功能
  14. 本人为巨杉数据库(开源NoSQL)写的C#驱动,支持Linq,全部开源,已提交github
  15. PTA--一元多项式的乘法与加法运算
  16. 开发板与虚拟机tftp服务器安装与使用
  17. [20141216]sqlplus的set appinfo.txt
  18. stm8s单片机2位数码管显示_AT89S52单片机,实现功能两位数码管显示数字,按下
  19. mysql +cobar_MySQL 中间件 cobar 初体验
  20. java的农夫养牛_以前农村里养牛的,为何喜欢在牛脖子上挂个铃铛?

热门文章

  1. 有1、2、3、4、5数字,能组成多少个互不相同且无重复数字的四位数,都是多少?
  2. Android 屏幕适配之使用蓝湖以及AndroidStudio全面解决屏幕适配问题
  3. 如何使用APP兼容性测试?
  4. win10打不开设置,弹出来找不到应用程序
  5. qq无法启动此程序计算机中丢失dll,电脑打开QQ提示丢失DLL文件死机怎么处理
  6. ffmpeg中的http协议相关代码阅读笔记
  7. 2014计算机应用基础,2014《计算机应用基础》作业1
  8. java怎么设置全局变量_浅谈Java开发中如何定义的全局变量
  9. android系统中log机制
  10. 内蒙古科技大学计算机专业校企合作好不好,东软睿道与内蒙古科技大学校企合作座谈会成功举行...