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学习笔记之toArray()
Jun 09 Javascript
js+html5绘制图片到canvas的方法
Jun 05 Javascript
JS实现的通用表单验证插件完整实例
Aug 20 Javascript
js钢琴按钮波浪式图片排列效果代码分享
Aug 26 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
Nov 30 Javascript
jQuery实现的滑块滑动导航效果示例
Jun 04 jQuery
vue-music 使用better-scroll遇到轮播图不能自动轮播问题
Dec 03 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
Feb 08 Javascript
详解 微信小程序开发框架(MINA)
May 17 Javascript
package.json配置文件构成详解
Aug 27 Javascript
使用vue打包进行云服务器上传的问题
Mar 02 Javascript
vue+elementUI实现简单日历功能
Sep 24 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
火车采集器 免费版使出收费版本功能实现原理
2009/09/17 PHP
PHP学习笔记 用户注册模块用户类以及验证码类
2011/09/20 PHP
php正则表达式使用的详细介绍
2013/04/27 PHP
PHP解析RSS的方法
2015/03/05 PHP
PHP rsa加密解密使用方法
2015/04/27 PHP
PHP环境搭建的详细步骤
2016/06/30 PHP
PHP实现webshell扫描文件木马的方法
2017/07/31 PHP
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
2010/03/02 Javascript
document.documentElement的一些使用技巧
2013/04/18 Javascript
目前流行的JavaScript库的介绍及对比
2013/09/29 Javascript
JavaScript数据结构和算法之图和图算法
2015/02/11 Javascript
JavaScript中的依赖注入详解
2015/03/18 Javascript
jQuery短信验证倒计时功能实现方法详解
2016/05/25 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
2016/06/01 Javascript
JavaScript数组去重的6个方法
2017/01/21 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
2017/09/22 Javascript
使用JQuery实现图片轮播效果的实例(推荐)
2017/10/24 jQuery
Vue.js 2.0和Cordova开发webApp环境搭建方法
2018/02/26 Javascript
微信小程序自定义select下拉选项框组件的实现代码
2018/08/28 Javascript
vue2中使用sass并配置全局的sass样式变量的方法
2018/09/04 Javascript
Node.js 进程平滑离场剖析小结
2019/01/24 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
python中(str,list,tuple)基础知识汇总
2018/02/20 Python
Python cookbook(数据结构与算法)对切片命名清除索引的方法
2018/03/13 Python
pytorch实现mnist分类的示例讲解
2020/01/10 Python
使用HTML5加载音频和视频的实现代码
2020/11/30 HTML / CSS
Kipling凯浦林美国官网:世界著名时尚休闲包袋品牌
2016/08/24 全球购物
塔吉特百货公司官网:Target
2017/04/27 全球购物
倩碧澳大利亚官网:Clinique澳大利亚
2019/07/22 全球购物
德国婴儿服装和婴儿用品购买网站:Baby Sweets
2019/12/08 全球购物
生物技术毕业生自荐信
2013/10/23 职场文书
大学生职业生涯十年规划书范文
2014/09/17 职场文书
财务科长个人对照检查材料
2014/09/18 职场文书
2014年高中生自我评价范文
2014/09/26 职场文书
吴仁宝观后感
2015/06/09 职场文书
运动会广播稿100字
2015/08/19 职场文书