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 相关文章推荐
jquery 表单取值常用代码
Dec 22 Javascript
javascript 主动派发事件总结
Aug 09 Javascript
9款2014最热门jQuery实用特效推荐
Dec 07 Javascript
node.js中的fs.fstat方法使用说明
Dec 15 Javascript
浅谈EasyUI中Treegrid节点的删除
Mar 01 Javascript
BootStrap中的表单大全
Sep 07 Javascript
JS去除字符串中空格的方法
Feb 14 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
Jul 23 Javascript
React/Redux应用使用Async/Await的方法
Nov 16 Javascript
深入解析ES6中的promise
Nov 08 Javascript
JavaScript闭包相关知识解析
Oct 19 Javascript
jquery html添加元素/删除元素操作实例详解
May 20 jQuery
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)
2013/06/21 PHP
php多功能图片处理类分享(php图片缩放类)
2014/03/14 PHP
PHP获取windows登录用户名的方法
2014/06/24 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
javascript 支持ie和firefox杰奇翻页函数
2008/07/22 Javascript
理解JavaScript的caller,callee,call,apply
2009/04/28 Javascript
关于html+ashx开发中几个问题的解决方法
2011/07/18 Javascript
jQuery 中使用JSON的实现代码
2011/12/01 Javascript
jquery移动listbox的值原理及代码
2013/05/03 Javascript
SOSO地图JS画出标注和中心点以html形式运行
2013/08/09 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
2014/10/11 Javascript
JavaScript动态创建div等元素实例讲解
2016/01/06 Javascript
原生js实现autocomplete插件
2016/04/14 Javascript
javascript jquery对form元素的常见操作详解
2016/06/12 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
2017/07/18 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
2017/08/17 jQuery
vue.js 微信支付前端代码分享
2018/02/10 Javascript
Vuex中的Mutations的具体使用方法
2020/06/01 Javascript
vue mvvm数据响应实现
2020/11/11 Javascript
Python标准库os.path包、glob包使用实例
2014/11/25 Python
python的paramiko模块实现远程控制和传输示例
2017/10/13 Python
Python切图九宫格的实现方法
2019/10/10 Python
Python进行统计建模
2020/08/10 Python
Nordgreen英国官网:斯堪的纳维亚设计师手表
2018/10/24 全球购物
Kiwi.com中国:找到特价机票并发现新目的地
2019/10/27 全球购物
美国在线购买空气净化器、除湿器、加湿器网站:AllergyBuyersClub
2021/03/16 全球购物
PHP如何防止SQL注入
2014/05/03 面试题
告诉你怎样写创业计划书
2014/01/27 职场文书
物理力学求职信
2014/02/18 职场文书
店面销售职位的职责
2014/03/09 职场文书
车辆工程专业求职信
2014/04/28 职场文书
金陵十三钗观后感
2015/06/04 职场文书
工作简报怎么写
2015/07/21 职场文书
解决jupyter notebook图片显示模糊和保存清晰图片的操作
2021/04/24 Python
Pytorch实现图像识别之数字识别(附详细注释)
2021/05/11 Python
游戏《我的世界》澄清Xbox版暂无计划加入光追
2022/04/03 其他游戏