脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → layui清空,重置表单数据

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

 更新时间：2019年09月12日 11:46:13   作者：天大会下雨  
今天小编就为大家分享一篇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清空,重置表单数据的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 在微信小程序中使用图表的方法示例

    在微信小程序中使用图表的方法示例

    这篇文章主要介绍了在微信小程序中使用图表的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • 禁用Enter键表单自动提交实现代码

    禁用Enter键表单自动提交实现代码

    这篇文章主要介绍了禁用Enter键表单自动提交实现代码,需要的朋友可以参考下
    2014-05-05
  • Javascript让DEDECMS告别手写Tag

    Javascript让DEDECMS告别手写Tag

    dedecms在编辑修改内容时,TAG标签需要手动输,中文的Tag, 中间还得用半角字符','分隔, 输入法切来切去很不方便, 于是动手改后台代码, 利用后台的tags_main.php, 让dedecms添加内容时能去tags_main里去选择.
    2014-09-09
  • JavaScript基于DOM操作实现简单的数学运算功能示例

    JavaScript基于DOM操作实现简单的数学运算功能示例

    这篇文章主要介绍了JavaScript基于DOM操作实现简单的数学运算功能,涉及javascript节点操作、元素遍历及数学运算相关操作技巧,需要的朋友可以参考下
    2017-01-01
  • JS使用Promise控制请求并发数

    JS使用Promise控制请求并发数

    现在面试过程当中 ，手写题必然是少不了的，其中碰到比较多的无非就是当属 请求并发控制了，所以本文为大家整理了JS使用Promise控制请求并发数的示例代码，希望对大家有所帮助
    2023-05-05
  • javascript读取xml实现javascript分页

    javascript读取xml实现javascript分页

    这篇文章主要介绍了javascript读取xml数据对其实现javascript分页效果，大家参考使用吧
    2013-12-12
  • Bootstrap基本样式学习笔记之表单(3)

    Bootstrap基本样式学习笔记之表单(3)

    这篇文章主要介绍了Bootstrap学习笔记之表单基本样式的相关资料,为大家分享了三种表单样式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-12-12
  • js显示世界时间示例(包括世界各大城市)

    js显示世界时间示例(包括世界各大城市)

    这篇文章主要介绍了js显示世界时间的方法,可现实世界各大城市的当前时间,涉及JavaScript针对时间的获取与运算操作技巧,需要的朋友可以参考下
    2016-04-04
  • 详细总结Javascript中的焦点管理

    详细总结Javascript中的焦点管理

    相信大家都知道焦点作为javascript中的一个重要功能，基本上和页面交互都离不开焦点。但却少有人对焦点管理系统地做总结归纳。本文就javascript中的焦点管理作详细介绍，有需要的朋友们可以参考借鉴。
    2016-09-09
  • JavaScript数组常用的增删改查与其他属性详解

    JavaScript数组常用的增删改查与其他属性详解

    这篇文章主要给大家介绍了关于JavaScript数组常用的增删改查与其他属性的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10

最新评论