本文摘自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的select框不出来怎么办
layui如何获取复选框的值以及如何为复选框赋值
如何运用layui数据添加页面的前端布局?(附源码)
layui中layer的宽高怎么自定义设置?
layui模块使用规范(附代码)
layui中怎么设置select项
layui中动态设置checkbox选中状态的方法介绍
jquery的easyui和layui区别是什么
layui滑动条如何隐藏
layui如何给数据表格添加点击事件
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui如何清除表单数据