如何使用layui实现表单数据的清空与重置功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计345个文字，预计阅读时间需要2分钟。
最近使用layui框架，在页面进行表单数据提交后，需要页面表单数据清空。具体实现方式如下：
方法：+ 表单：+form+class=layui-form+action=+lay-filter=addGoodsForm+id=addGoodsForm++ 主题内容：+form+/form+ jQuery：+/+
最近在使用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清空,重置表单数据的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。
本文共计345个文字，预计阅读时间需要2分钟。
最近使用layui框架，在页面进行表单数据提交后，需要页面表单数据清空。具体实现方式如下：
方法：+ 表单：+form+class=layui-form+action=+lay-filter=addGoodsForm+id=addGoodsForm++ 主题内容：+form+/form+ jQuery：+/+
最近在使用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清空,重置表单数据的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。