>  기사  >  웹 프론트엔드  >  Layui에서 양식 데이터를 지우는 방법

Layui에서 양식 데이터를 지우는 방법

藏色散人
藏色散人원래의
2020-11-24 11:15:085145검색

layui에서 양식 데이터를 삭제하는 방법: 먼저 양식 데이터를 만든 다음 모니터링 제출을 구현하고 마지막으로 "$("#addGoodsForm")[0].reset();"을 통해 양식을 삭제합니다.

Layui에서 양식 데이터를 지우는 방법

권장: "layUI 튜토리얼"

이 튜토리얼의 운영 환경: Windows 10 시스템,layui 버전 2.5.6 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

layui 양식 데이터 지우기 및 재설정

최근layui 프레임워크를 사용하여 페이지에 양식 데이터가 제출된 후 페이지 양식 데이터가 지워지면 여전히 다음 방법이 있습니다

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

자, 위의 콜백 함수에는 폼을 지우는 메소드가 적혀있습니다. 도움이 되길 바랍니다.

위 내용은 Layui에서 양식 데이터를 지우는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.