十年专注于网站建设与互联网应用开发,低调、有情怀的网络应用服务商!
南昌百恒科技微信公众号 扫一扫关注
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒科技微信公众号

小程序开发如何获取多个formId?

百恒科技 2019-01-10 15:14:14 468
       微信小程序如何获取多个formId?下面南昌小程序开发公司带大家来了解一下。

小程序开发获取多个formId方法一

       由上面的几行代码可以看出,只要你点击登录按钮,就能提交一次表单,也能获取一次formId。但是想要实现点击一次提交多次,光靠复制这几行代码,那肯定是不行的。无论是缩小按钮,还是其他的一些方式都不行。


       下面我们来看下这种点击穿透方式。
小程序开发获取多个formId方法二

       在里面写了一个view (button里面),我们再来看一下样式。

小程序开发获取多个formId方法三

       我们再来看一下js代码图片,需要注意的是,模拟器上看不到实际的formId,用手机调试模式可以看到。

小程序开发获取多个formId方法四


小程序开发获取多个formId方法五


       如上图,当你点击绿色的任何区域都能点击到按钮,然后提交表单。

小程序开发获取多个formId方法六

       把整个的wxml代码复制一遍放到view里面,看起来和之前差不多,其实是叠起来了。

小程序开发获取多个formId方法七

       然而实际操作的话,点击绿色部分,会提交两次,点击红色部分只会提交一次。而如果要更多formId,那么就要更多的复制和粘贴了。

小程序开发获取多个formId方法八

       关于小程序开发中获取多个formId的方法就先介绍到这里,希望对大家有所帮助!如果还有哪些不明白的地方,可随时来电咨询,百恒科技将随时为您解答。
400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
备案专线 备案专线
 
售后服务 售后服务
 
×