本文摘自PHP中文网,作者藏色散人,侵删。
layui清除表单数据的方法:首先创建一个表单数据;然后实现监听提交;最后通过“$("#addGoodsForm")[0].reset();”清空表单即可。
推荐:《layUI教程》
本教程操作环境:windows10系统、layui2.5.6版,该方法适用于所有品牌电脑。
layui清空,重置表单数据的
最近在使用layui框架,在页面进行表单数据提交后,要是页面表单数据清空,依是有下面方法
表单:
1 2 3 | <form class = "layui-form" action= "" lay-filter= "addGoodsForm" id= "addGoodsForm" >
主题内容
</form>
|
jquery:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | 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" )[0].reset();
layui.form.render();
} else {
top.layer.msg( "商品发布失败,请重新发布吧!" , {time:3000});
$( "#addGoodsForm" )[0].reset();
layui.form.render();
}
}
});
return false;
});
|
嗯,上面的回调函数里面,写了表单清空的方法。希望对你们有帮助。
以上就是layui如何清除表单数据的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
layui怎么使用
layui弹出层闪退解决
layui批量删除怎么刷新当前分页
layui事件监听的方法
layui怎么引用
layui和bootstrap区别
layui入门总结
layui如何得到select值
layui封装模块教程
layui中table的sort排序介绍
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui如何清除表单数据