layui清空,重置表单数据的实例


Posted in Javascript onSeptember 12, 2019

最近在使用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清空,重置表单数据的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
escape、encodeURI、encodeURIComponent等方法的区别比较
Dec 27 Javascript
javascript引导程序
Oct 26 Javascript
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
May 14 Javascript
jquery 选择器引擎sizzle浅析
Feb 06 Javascript
JS继承--原型链继承和类式继承
Apr 08 Javascript
JS简单实现文件上传实例代码(无需插件)
Nov 15 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
May 08 Javascript
jquery attr方法获取input的checked属性问题
May 26 Javascript
javascript新闻跑马灯实例代码
Jul 29 Javascript
使用vue-router为每个路由配置各自的title
Jul 30 Javascript
详解keep-alive + vuex 让缓存的页面灵活起来
Apr 19 Javascript
VUE实时监听元素距离顶部高度的操作
Jul 29 Javascript
layui table 多行删除(id获取)的方法
Sep 12 #Javascript
详解Vue中CSS样式穿透问题
Sep 12 #Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 #Javascript
微信小程序之 catalog 切换实现解析
Sep 12 #Javascript
layui实现checkbox的目录树tree的例子
Sep 12 #Javascript
layui表单提交到后台自动封装到实体类的方法
Sep 12 #Javascript
使用flow来规范javascript的变量类型
Sep 12 #Javascript
You might like
php中pcntl_fork创建子进程的方法实例
2019/03/14 PHP
基于jquery的表头固定的若干方法
2011/01/27 Javascript
IE6下拉框图层问题探讨及解决
2014/01/03 Javascript
js四舍五入数学函数round使用实例
2014/05/09 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
2014/09/28 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
限制上传文件大小和格式的jQuery插件实例
2015/01/24 Javascript
JS鼠标拖拽实例分析
2015/11/23 Javascript
js注入 黑客之路必备!
2016/09/14 Javascript
canvas实现手机端用来上传用户头像的代码
2016/10/20 Javascript
javascript基础知识之html5轮播图实例讲解(44)
2017/02/17 Javascript
nodejs模块nodemailer基本使用-邮件发送示例(支持附件)
2017/03/28 NodeJs
JS简单获取日期相差天数的方法
2017/04/24 Javascript
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
2017/09/19 Javascript
jquery实现左右轮播切换效果
2018/01/01 jQuery
微信小程序如何刷新当前界面的实现方法
2019/06/07 Javascript
python列表操作之extend和append的区别实例分析
2015/07/28 Python
Python通过matplotlib画双层饼图及环形图简单示例
2017/12/15 Python
Python获取当前公网ip并自动断开宽带连接实例代码
2018/01/12 Python
PyQt5每天必学之布局管理
2018/04/19 Python
基于OpenCV python3实现证件照换背景的方法
2019/03/22 Python
浅谈python的输入输出,注释,基本数据类型
2019/04/02 Python
python tkinter实现界面切换的示例代码
2019/06/14 Python
韩国江南富人区高端时尚百货商场:Galleria(格乐丽雅)
2018/03/27 全球购物
Sneaker Studio波兰:购买运动鞋
2018/04/28 全球购物
我的珠宝盒:Ma boîte à bijoux
2019/08/27 全球购物
捷克家电和家具购物网站:OKAY.cz
2020/07/23 全球购物
领导的自我鉴定
2013/12/28 职场文书
导游个人求职信
2014/04/25 职场文书
伦敦奥运会口号
2014/06/13 职场文书
教师民族团结演讲稿
2014/08/27 职场文书
2014年大学生党员评议表自我评价
2014/09/20 职场文书
2015年社会治安综合治理工作总结
2015/04/10 职场文书
使用pandas模块实现数据的标准化操作
2021/05/14 Python
Python开发之QT解决无边框界面拖动卡屏问题(附带源码)
2021/05/27 Python
Django使用echarts进行可视化展示的实践
2021/06/10 Python