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

青旅半醒 2021-07-24 19:18 932阅读 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 条评论，932人围观）

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

相关阅读

相关 element的表单提交后如何清空表单

使用element的清空表单，有几个地方要注意下，先上代码 <el-form :inline="true" :model="formInline" ref="form

左手的ㄟ右手/ 2023年10月11日 12:11/ 0 赞/ 19 阅读

相关微信小程序表单验证

由于微信小程序表单组件没有自带的验证功能，因此要针对每一项进行判断比较繁琐因此封装了一个表单验证js, 具体验证规则根据自己所用到的进行添加,具体案例代码片段点击链接[微信小

心已赠人/ 2023年06月17日 08:57/ 0 赞/ 4 阅读

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

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

男娘i/ 2022年10月12日 01:25/ 0 赞/ 84 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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