首页 > 微信应用  > 

如何实现小程序中表单提交后自动清空内容

如何实现小程序中表单提交后自动清空内容
form使用bindreset事件提交数据,而不是使用bindsubmit事件,这样点击提交后会自动清空表单内容。

目的:微信小程序提交后,表单内容自动清空。

思路分析:

我们可以通过value绑定来进行清除,但是这种方法在表单数据非常多的情况下会变得很麻烦。

解决思路:

form使用bindreset事件提交数据,而不是使用bindsubmit事件,这样点击提交后会自动清空表单内容。

但是这样会带来一个新问题:

使用bindreset无法从事件参数e.detail.value.name获得表单数据

(学习视频分享:php视频教程)

因此需要在表单绑定事件获取内容,例如

<input bindinput="inputText"/>inputText: function(e) { this.data.quesText=e.detail.value}

如何实现小程序中表单提交后自动清空内容由讯客互联微信应用栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“如何实现小程序中表单提交后自动清空内容