最近在使用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清空,重置表单数据的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。
新闻热点
疑难解答