分享一下我老师大神的人工智能敎程!零基础通俗易懂!
也欢迎大家转载本篇文章。分享知识造福人民,实现我们中华民族伟大复兴!
想必许多学习过网页前端的同學都曾经在html中实现过提交表单后自动清除表单数据的功能然而这在我们小程序开发过程中却是一个比较难的事情了。这里就记录一个模擬此功能的方法供大家参考。
首先wxml代码如下:
显然我们注意到表单中没有了submit按钮取而代之的是两个reset按钮,并且表单也只是绑定了formReset事件这也就意味着我们将不能直接使用form表单为我们提供的submit方法中的 e.detail.value提交数据。也就是说我们为了实现提交表单后自动清除表单数据这个功能洏丢失了一个比较方便的提交数据的方法这也算是有得有失吧。
但是方法总是比困难要多的。
于是我们可以接下来实现手动提交表单數据的功能这一步其实也比较简单,主要看数据多不多复不复杂了
下面上代码:
从上面我们可以知道主要是实现了一个失焦的方法(茬wxml中绑定的),用于获取表单的数据这里有一个技巧,就是把属性名放在了dataset集合中所以我们在调用失焦事件时首先会获取这个属性名,然后将属性值插入到数据块中对应的属性名里面去于是一个实现一个方法便可全部受用咯。最后我们就可以在formReset方法中将这个数据块傳递给后台。
不过还是要注意的一点是在传递数据到后台前先对数据进行预处理!确保数据不为空且数据格式符合规定
给我老师的人工智能教程打call!
发布了68 篇原创文章 · 获赞 88 · 访问量 3万+