layui清除表單資料的方法:首先建立一個表單資料;然後實現監聽提交;最後通過「$("#addGoodsForm")[0].reset();」清空表單即可。
推薦:《》
本方法適用於任何品牌的電腦。
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如何清除表單資料的詳細內容,更多請關注TW511.COM其它相關文章!