Maison  >  Article  >  interface Web  >  Comment effacer les données du formulaire dans layui

Comment effacer les données du formulaire dans layui

藏色散人
藏色散人original
2020-11-24 11:15:085118parcourir

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();".

Comment effacer les données du formulaire dans layui

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(&#39;submit(upGoodsBtn)&#39;, function(data){
 var formDate = data.field;
 console.log(formDate);
 $.ajax({
  url: &#39;/goods/saveGoodInfos&#39;,
  type: &#39;POST&#39;,
  data: formDate,
  dataType: &#39;json&#39;,
  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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn