[微信小程序]提交表单返回成功后自动清空表单的值

青旅半醒 2021-07-24 19:18 876阅读 0赞

实现思路: 给每一个input绑定相同的value对象,提交成功后把这个对象赋值为空.  下面看代码:

<form bindsubmit='formsubmit'>
            <view>
              <span>* </span>公司名称:</view>
            <input name="" placeholder="请输入您公司的名称" value='{
       {form_info}}'></input>
     
            <view>
              <span>* </span>联系人:</view>
            <input name="" placeholder="请输入您的姓名" value='{
       {form_info}}'></input>
     
            <button bindtap="sendMessage" formType="submit">提交信息</button>
          </form>

formsubmit:function(e){
        var that = this;
        var formData = e.detail.value;
        wx.request({
          url: util.apiUrl + 'Index/formsubmit?program_id=' + app.jtappid,
          data: formData,
          header: { 'Content-Type': 'application/json' },
          success: function (res) {
            if(res.data.statu == 1){
              wx.showToast({
                title: '提交成功',
              })
              that.setData({
                form_info: ''
              })
            }
          }
        })
      },

发表评论取消回复

表情：

评论列表（有 0 条评论，876人围观）

还没有评论，来说两句吧...

相关阅读

相关 Jquery清空表单内容

JQuery :not() 选择器定义与用法： :not() 选择器选取除了指定元素以外的所有元素。最常见的用法：与其他选择器一起使用，选取指定组合中除了指定元素

悠悠/ 2023年03月01日 13:28/ 0 赞/ 100 阅读

相关微信小程序提交form表单内容

wxml <form catchsubmit="confirmPublish"> <view class="cu-form-group margin-to

矫情吗；*/ 2022年10月10日 04:44/ 0 赞/ 180 阅读

相关 html表单中的数据提交后清空,js清空form表单中的内容示例

//清空form选择 function clearForm(id)\{ var formObj = document.getElementById(id); if(for

向右看齐/ 2022年10月06日 07:57/ 0 赞/ 307 阅读

相关微信小程序获取表单元素的输入值

有时我们不想通过表单的submit事件来获取表单元素的value值，但又不能通过jq那样的方式，所以这里列举一下如何获取表单元素的值 1.input的输入值：首先在inp

傷城~/ 2022年05月27日 06:39/ 0 赞/ 248 阅读

相关 6.微信小程序之表单提交

用户输入内容，点击提交，提交后显示提交内容。点击确认，显示提交成功；点击取消，显示取消提交 1.![70][] 2.![70 1][] 3.![70 2][] 4.![

曾经终败给现在/ 2022年05月08日 09:24/ 0 赞/ 2297 阅读

相关 elementui关闭弹窗清空表单验证清空表单

给form添加一个ref属性 <el-form ref="paper"></el-form> 调用方法，注意先清空验证再清空表单，这样就可以清除自定义的

清疚/ 2022年03月26日 12:52/ 0 赞/ 349 阅读

相关 vue表单清空方法

vue表单清空方法调用(releaseForm为表单名字) this.resetForm('releaseForm'); 或 @click="

系统管理员/ 2021年12月01日 11:20/ 0 赞/ 858 阅读

相关 layui ajax form 表单提交后清空

1、![20190723152342754.png][] 2、ajax 提交成功后，执行 $("\my\_question")\[0\].reset(); ![201907

旧城等待，/ 2021年09月30日 03:46/ 0 赞/ 772 阅读

相关微信小程序表单 form 组件

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 表单。将组件内的用户输入的[switch][] [input][] [checkbox][]

爱被打了一巴掌/ 2021年09月08日 01:08/ 0 赞/ 527 阅读

相关 [微信小程序]提交表单返回成功后自动清空表单的值

实现思路: 给每一个input绑定相同的value对象,提交成功后把这个对象赋值为空. 下面看代码: <form bindsubmit='form

青旅半醒/ 2021年07月24日 19:18/ 0 赞/ 877 阅读