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清空,重置表单数据的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • 解决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

随机推荐