ホームページ > ウェブフロントエンド > ライユイのチュートリアル > Lauiuiでフォームデータをクリアする方法

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

藏色散人
リリース: 2020-11-30 15:12:07
オリジナル
5196 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート