如何使用layui实现表单数据的清空与重置实例？

本文共计326个文字，预计阅读时间需要2分钟。

最近在使用layui框架时，发现页面表单数据提交后，页面表格数据会清空。具体实现如下：

表单HTML结构：

jQuery操作：javascript$

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