layui清空,重置表单数据的实例
最近在使用layui框架,在页面进行表单数据提交后,要是页面表单数据清空,依是有下面方法
表单:
<form class="layui-form" action="" lay-filter="addGoodsForm" id="addGoodsForm"> 主题内容 </form>
jquery:
//监听提交 form.on('submit(upGoodsBtn)', function(data){ var formDate = data.field; console.log(formDate); $.ajax({ url: '/goods/saveGoodInfos', type: 'POST', data: formDate, dataType: 'json', success: function (data) { if (data.success){ top.layer.msg("商品发布成功了,等待管理员审核", {time:3000}); // 清空表单 (“addGoodsForm”是表单的id) $("#addGoodsForm")[0].reset(); layui.form.render(); }else{ top.layer.msg("商品发布失败,请重新发布吧!", {time:3000}); // 清空表单 (“addGoodsForm”是表单的id) $("#addGoodsForm")[0].reset(); layui.form.render(); } } }); return false; });
嗯,上面的回调函数里面,写了表单清空的方法。希望对你们有帮助。
以上这篇layui清空,重置表单数据的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
解决Layui 表单提交数据为空的问题
坑的外观 最近用了一段时间Layui作为项目后台管理模块的前端框架,感觉还是挺好用的. 今天踩了个坑,就是使用layui表单提交时,提交的数据为空. 例如,layer.msg(JSON.stringify(data.field));这句代码执行后,页面显示为空对象. <form class="layui-form" action=""> <div class="layui-form-item"> <label cla
-
layui form表单提交之后重新加载数据表格的方法
HTML form表单 <p style="text-align: center"><img src="//files.jb51.net/file_images/article/201909/20190911173925.jpg" alt="" /></p> <div class="layui-row"> <form class="layui-form layui
-
layui清空,重置表单数据的实例
最近在使用layui框架,在页面进行表单数据提交后,要是页面表单数据清空,依是有下面方法 表单: <form class="layui-form" action="" lay-filter="addGoodsForm" id="addGoodsForm"> 主题内容 </form> jquery: //监听提交 form.on('submit(upGoodsBtn)', function(data){
-
vue关于重置表单数据出现undefined的解决
目录 vue重置表单数据出现undefined 找到问题,我们有几个解决方案 vue重置表单数据出现undefined 最近联调出现的一个新问题,条件查询在前端很常用,基本的模板就是几个查询条件,一个查询按钮,一个重置按钮.选择查询条件,点击查询,会根据查询条件,筛选出对应的数据.重置按钮就是把所有已选的查询条件一键清空. 因为查询条件比较多,所以可以直接使用表单提交. 我们在这里选了期数传过去,后端根据传过去的条件,返回了相应的内容. 在这里有一个要说的就是,在这个项目里,后端要求每个条件都是
-
PHP利用超级全局变量$_POST来接收表单数据的实例
利用$_POST超级全局变量接收表单的数据,然后利用echo输出到页面. 下面是代码: <!doctype html> <html> <head> <title>利用超级全局变量$_POST接收表单</title> <meta http-equiv="content-type" contnet="text/html" charset="utf-8"/> </head&g
-
PHP利用超级全局变量$_GET来接收表单数据的实例
我们在linux上用 touch php_get.html php_get.php创建两个文件. php_get.html文件的代码如下: <!doctype html> <html> <head> <title>超级全局变量$_GET来接收提交的数据,然后返回信息</title> <meta http-equiv="contnet-type" content="text/htm" charset=&
-
java 遍历request中的所有表单数据的实例代码
实例如下: Enumeration rnames=request.getParameterNames(); for (Enumeration e = rnames ; e.hasMoreElements() ;) { String thisName=e.nextElement().toString(); String thisValue=request.getParameter(thisName); System.out.println(thisName+"-------"+thisV
-
原生js实现获取form表单数据代码实例
本文实例为大家分享了原生js实现获取form表单数据的具体代码,供大家参考,具体内容如下 //获取指定form中的所有的<input>对象 function getElements(formId) { var form = document.getElementById(formId); var elements = new Array(); var tagElements = form.getElementsByTagName('input'); for (var j = 0; j <
-
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
在项目中做联系人的添加和编辑功能,点击父级页面的添加和编辑按钮,用的是同一个表单弹窗,数据添加和编辑用同一个弹窗,没有在弹窗使用v-if,性能不是很好,弹窗中有表单,在编辑弹窗表单数据之后关闭弹窗,然后点击添加的时候,弹窗里的表单数据还是之前编辑的数据,无法做到清空表单数据,接下来是解决方法了,嘿嘿 首先是不管是添加还是编辑,都需要将子组件需要的对象属性一一写出来,传给子组件, 然后是主要用到了el-form表单有一个清空重置表单数据的事件方法resetField(),在子组件表单弹窗打开的时候
-
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
问题: 使用this.$ref['form'] .resetFields()无法重置表单项 原因: 1.没有给表单添加ref属性 <el-form ref="form"></el-form> 2.表单项el-form-item没有添加prop属性,prop属性需要与input框绑定的属性一致 <el-form ref="form" :model="sizeForm" label-width="80px&qu
-
PHP Post获取不到非表单数据的问题解决办法
问题描述 在使用vue-axios向后端post数据时,PHP端获取不到post的数据. 问题解决 修改php.ini配置 找到php.ini配置文件,查找enable_post_data_reading变量,修改为打开状态,注释掉句前分好 ; Whether PHP will read the POST data. ; This option is enabled by default. ; Most likely, you won't want to disable this option
-
MySQL清空数据表的方法实例与分析
MySQL数据库中,如果我们想清空数据表(删除数据表中所有内容)的话,可以通过下面两个语句来实现: truncate table table_n; delete from table_n; 实例 我们先通过实例看下通过这两种方式清空数据库的过程和结果 #delete演示 mysql> create table testforde( -> number int not null auto_increment, -> name varchar(20) not null, -> prim
随机推荐
- js遍历、动态的添加数据的小例子
- MyBatis与Hibernate的比较
- Java编程通过list接口实现数据的增删改查代码示例
- Sort()函数的多种用法
- PHP读取CURL模拟登录时生成Cookie文件的方法
- Eclipse开发环境导入android sdk的sample中的源码
- Python中zip()函数用法实例教程
- 如何配置全世界最小的 MySQL 服务器
- JS实现超精简的链接列表在固定区域内滚动效果代码
- SHELL四则运算和比较
- linux下批量删除utf8 bom的实现方法
- 详解webpack+gulp实现自动构建部署
- jQuery操作cookie方法实例教程
- jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
- Javascript的严格模式strict mode详细介绍
- Python for Informatics 第11章之正则表达式(四)
- java字节码框架ASM操作字节码的方法浅析
- Java 高并发一:前言
- 浅谈Emergence.js 检测元素可见性的 js 插件
- .NET Unity IOC框架使用实例详解