JS 提交表单后清空表单

微信小程序 同时被 2 个专栏收录
283 篇文章 32 订阅
182 篇文章 1 订阅

开发交流QQ群:  173683895   173683895   526474645  人满的请加其它群

清空表单是比较常见的场景,表单本身就有reset事件作用于清空表单,但是reset事件需要点击按钮才能触发,我们现在想不触达按钮在表单提交的submit事件内,当提交表单成功后清空表单中 value 。

下面来看代码,很简单

以微信小程序为示例

<!--index.wxml-->
<form class='form' bindsubmit='formSubmit' bindreset='formReset'>
  <input name='name' value='{{name}}' placeholder='请输入姓名'></input>
  <input name='phone' value='{{phone}}' placeholder='请输入电话'></input>
  <input name='gender' value='{{gender}}' placeholder='请输入性别'></input>
  <input name='age' value='{{age}}' placeholder='请输入年龄'></input>
  <button bindtap="sendMessage" type='primary' formType="submit">开始</button>
</form>

js

  formSubmit(e){
    console.log(e)
    for (var i in e.detail.value){
      this.setData({
        [i]:''
      })
    }
  },

这就实现了。

效果图

  • 0
    点赞
  • 0
    评论
  • 8
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:成长之路 设计师:Amelia_0503 返回首页

打赏作者

a_靖

对你有帮助吗?打赏鼓励一下?

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值