Maison > Article > interface Web > Comment effacer les données du formulaire dans layui
La méthode d'effacement des données du formulaire dans layui : créez d'abord les données du formulaire ; puis implémentez la surveillance de la soumission ; enfin effacez le formulaire via "$("#addGoodsForm")[0].reset();".
Recommandé : "tutoriel layUI"
L'environnement d'exploitation de ce tutoriel : système Windows10, version layui2.5.6 , la méthode est applicable à toutes les marques d’ordinateurs.
Effacer layui et réinitialiser les données du formulaire
J'utilise le framework layui récemment Après avoir soumis les données du formulaire sur la page, si les données du formulaire de la page sont effacées, là. est la méthode suivante
formulaire :
<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; });
Eh bien, dans la fonction de rappel ci-dessus, la méthode d'effacement du formulaire est écrite. J'espère que cela vous aide.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!