提交form设置:bindre,简书网专注分享生活感悟、人生哲理、实用小知识,让你从生活小事中获得启发与成长。">
您当前的位置: 首页 > 知识百科 > 微信小程序重置表单的方法

微信小程序重置表单的方法

时间:2023-07-01 14:05 阅读数:130 人阅读 分类:知识百科

  最近有很多小程序开发者问起在小程序开发过程中,提交微信小程序表单后怎么才能把小程序输入框的内容清空,其实这也可以称为微信小程序重置表单,那么具体要怎么操作呢?方法不止一种。

  微信小程序重置表单的方法一:

  可以用表单的重置功能把小程序输入框的内容清空。

  按钮设置:

  formType="reset">提交

  form设置:

  bindreset="formReset">

  表单重置时会触发reset事件,在formreset事件中提交数据就行了,不过这样不能使用event.detail获取输入值了,要用input的bindinput事件或bindblur事件获取。然后用this.setData({})把值存起立提交表单时拿出来就行了。

  微信小程序重置表单的方法二:

  不需要设置重置属*,只需要在input中设置属*value

  type="text" name='name' value="{{name}}"/>

  然后表单提交,在成功返回函数success中设置

  this.setData({ name:'' })

  这样就每次提交后都会把输入框的内容清空了。

  小编在文中介绍了两种微信小程序重置表单的方法,不管是哪一种,都算是比较简单的操作了。就算是小程序开发新手,应该也能很快设置成功。如果还有什么疑问,请在微信小程序商店搜索相关资料。

  

  微信小程序表单样式怎么开发

  微信小程序表单制作是怎样的?

  微信小程序表单隐藏如何实现?