ホームページ  >  記事  >  ウェブフロントエンド  >  Lauiuiでフォームデータをクリアする方法

Lauiuiでフォームデータをクリアする方法

藏色散人
藏色散人オリジナル
2020-11-24 11:15:085124ブラウズ

Layui によるフォーム データのクリア方法: 最初にフォーム データを作成し、次に監視送信を実装し、最後に「$("#addGoodsForm")[0].reset();」を通じてフォームをクリアします。

Lauiuiでフォームデータをクリアする方法

#推奨:「

layUI チュートリアル

このチュートリアルの動作環境: Windows10 システム、layui2.5.6 バージョン, この方法は、すべてのブランドのコンピューターに適用できます。

layui はフォーム データをクリアしてリセットします

私は最近、layui フレームワークを使用しています。フォーム データがページに送信された後、ページ フォーム データがMethod

Form:

<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;
});

さて、上記のコールバック関数にはフォームをクリアするメソッドが書かれています。お役に立てば幸いです。

以上がLauiuiでフォームデータをクリアする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。