找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

微信小程序---提交表单后清空输入框

作者:模板之家 2018-4-20 10:27 5706人关注

最近有人问我提交表单后怎么把输入框的内容清空了。 这种方法不止一种, 1、可以用表单的重置功能。 按钮设置: formType=reset提交 form设置: bindreset=formReset 表单重置时会触发reset事

最近有人问我提交表单后怎么把输入框的内容清空了。 
这种方法不止一种,

1、可以用表单的重置功能。

按钮设置:

 

  1. formType="reset">提交

form设置:

 

  1. bindreset="formReset">

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

2、可以用一个最简单的方法。

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

 

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

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

 

  1. this.setData({
  2. name:''
  3. })

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


路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)