layui清除表单数据的方法:首先创建一个表单数据;然后实现监听提交;最后通过“$("#addGoodsForm")[0].reset();”清空表单即可。
推荐:《layUI教程》
本教程操作环境:windows10系统、layui2.5.6版,该方法适用于所有品牌电脑。
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如何清除表单数据的详细内容,更多请关注php中文网其它相关文章!
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
- 上一篇:layui数据表格删除当前行的实现方法
- 下一篇:layui滑动条如何隐藏
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论