layui清空,重置表單數(shù)據(jù)的實例
更新時間:2019年09月12日 11:46:13 作者:天大會下雨
今天小編就為大家分享一篇layui清空,重置表單數(shù)據(jù)的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
最近在使用layui框架,在頁面進行表單數(shù)據(jù)提交后,要是頁面表單數(shù)據(jù)清空,依是有下面方法
表單:
<form class="layui-form" action="" lay-filter="addGoodsForm" id="addGoodsForm"> 主題內(nèi)容 </form>
jquery:
//監(jiān)聽提交
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("商品發(fā)布成功了,等待管理員審核", {time:3000});
// 清空表單 (“addGoodsForm”是表單的id)
$("#addGoodsForm")[0].reset();
layui.form.render();
}else{
top.layer.msg("商品發(fā)布失敗,請重新發(fā)布吧!", {time:3000});
// 清空表單 (“addGoodsForm”是表單的id)
$("#addGoodsForm")[0].reset();
layui.form.render();
}
}
});
return false;
});
嗯,上面的回調(diào)函數(shù)里面,寫了表單清空的方法。希望對你們有幫助。
以上這篇layui清空,重置表單數(shù)據(jù)的實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript基于DOM操作實現(xiàn)簡單的數(shù)學(xué)運算功能示例
這篇文章主要介紹了JavaScript基于DOM操作實現(xiàn)簡單的數(shù)學(xué)運算功能,涉及javascript節(jié)點操作、元素遍歷及數(shù)學(xué)運算相關(guān)操作技巧,需要的朋友可以參考下2017-01-01
javascript讀取xml實現(xiàn)javascript分頁
這篇文章主要介紹了javascript讀取xml數(shù)據(jù)對其實現(xiàn)javascript分頁效果,大家參考使用吧2013-12-12
Bootstrap基本樣式學(xué)習(xí)筆記之表單(3)
這篇文章主要介紹了Bootstrap學(xué)習(xí)筆記之表單基本樣式的相關(guān)資料,為大家分享了三種表單樣式,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12
JavaScript數(shù)組常用的增刪改查與其他屬性詳解
這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組常用的增刪改查與其他屬性的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10

