layui如何清除表单数据

layui清除表单数据的方法：首先创建一个表单数据；然后实现监听提交；最后通过“$("#addGoodsForm")[0].reset();”清空表单即可。

推荐：《layUI教程》

本教程操作环境：windows10系统、layui2.5.6版，该方法适用于所有品牌电脑。

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如何清除表单数据的详细内容，更多内容请关注技术你好其它相关文章！