用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 查看内容

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

Rolan 2017-5-26 10:15

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

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

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. })

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

鲜花
鲜花 (1)
鸡蛋
鸡蛋

刚表态过的朋友 (1 人)

分享至 : QQ空间
收藏
原作者: xiaozhu8023u

相关阅读

  • 天下雪 2017-5-26 10:39
    新手最想知道的问题之一,楼主可以继续找方法解这个问题,应该还有更多方法
  • 山建某人 2017-7-27 09:30
    您好,打扰一下。在提交数据的时候,我并没有采用表单的形式,而是把数据缓存起来,发起网络请求的时候直接提交的缓存数据,不知道这样子做和用表单提交有什么差别。方便讲解一下吗?
  • xiaozhu8023u 2017-7-27 10:53
    山建某人 发表于 2017-7-27 09:30
    您好,打扰一下。在提交数据的时候,我并没有采用表单的形式,而是把数据缓存起来,发起网络请求的时候直接 ...

    没有什么大的区别,都可以提交数据的