Home WeChat Applet Mini Program Development How to obtain multiple formIds by clicking on WeChat applet

How to obtain multiple formIds by clicking on WeChat applet

Mar 16, 2020 am 10:52 AM
Applets WeChat

This article introduces the method of obtaining multiple formids by clicking on a WeChat applet. I hope it will be helpful to friends who are learning the development of WeChat applet!

How to obtain multiple formIds by clicking on WeChat applet

How to get multiple formIds by clicking on WeChat mini program

How to get multiple formIds in WeChat mini program, solve the problem of mini program Click once to submit multiple form questions. As long as you click the login button, you can submit the form once and get the formId once. However, it seems that it is not possible to achieve multiple submissions with one click.

The key points of the WeChat applet method of obtaining multiple formIds are the problems encountered and the process of solving them.

Recommended learning: navicat tutorial

Requirements: Click once on the WeChat applet to submit multiple forms. In fact, there are business requirements. I won’t write it clearly here. Just do Students who have come to this point will naturally understand that

Just like the above few lines of code, as long as you click the login button, you can submit the form once and get the formId once. However, if you want to click once and submit multiple times, just click Copying these lines of code doesn't seem to work, either by shrinking the button or some other weird ways.

What I want to talk about here is a click penetration method

I wrote a view inside (inside the button)

Let me show you the style (the style is very important)

      .btn{
        width: 20rpx;
        height: 20rpx;
        margin: 0;
        padding: 0;
        border-radius: 0;
        position: fixed;
        background: rgba(0,155,0,0.5);
        top: 0;
      }
      button::after{
        border:none;
      }
      .aa{
        width: 200rpx;
        height: 200rpx;
        background: rgba(0,155,0,0.5);
        position:fixed;
        top: 0;
      }再看一下js,顺便说一下,模拟器上看不到实际的formId,用手机调试模式可以看到
      formSubmit: function(e) {
          if (e.detail.formId != \'the formId is a mock one\') {
              this.setData({
                  formIdString: e.detail.formId + , + this.data.formIdString
              })
          }
          console.log(this.data.formIdString)
      },
Copy after login

What you see is this. When you click on any green area, you can click on the button and then submit the form.

How to obtain multiple formIds by clicking on WeChat applet

Put the entire wxml code Copy it and put it in the view. It looks similar to before. In fact, it is stacked.

How to obtain multiple formIds by clicking on WeChat applet

However, in actual operation, if you click on the green part, it will be submitted twice. Click on the red part. It will only be submitted once, why is this, look at the picture first

How to obtain multiple formIds by clicking on WeChat applet

If you want more formId, you need more copy and paste, which is not available yet. Think of good solutions.

Recommended learning: Small program development

The above is the detailed content of How to obtain multiple formIds by clicking on WeChat applet. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Ouyi Exchange app domestic download tutorial Ouyi Exchange app domestic download tutorial Mar 21, 2025 pm 05:42 PM

This article provides a detailed guide to safe download of Ouyi OKX App in China. Due to restrictions on domestic app stores, users are advised to download the App through the official website of Ouyi OKX, or use the QR code provided by the official website to scan and download. During the download process, be sure to verify the official website address, check the application permissions, perform a security scan after installation, and enable two-factor verification. During use, please abide by local laws and regulations, use a safe network environment, protect account security, be vigilant against fraud, and invest rationally. This article is for reference only and does not constitute investment advice. Digital asset transactions are at your own risk.

The difference between H5 and mini-programs and APPs The difference between H5 and mini-programs and APPs Apr 06, 2025 am 10:42 AM

H5. The main difference between mini programs and APP is: technical architecture: H5 is based on web technology, and mini programs and APP are independent applications. Experience and functions: H5 is light and easy to use, with limited functions; mini programs are lightweight and have good interactiveness; APPs are powerful and have smooth experience. Compatibility: H5 is cross-platform compatible, applets and APPs are restricted by the platform. Development cost: H5 has low development cost, medium mini programs, and highest APP. Applicable scenarios: H5 is suitable for information display, applets are suitable for lightweight applications, and APPs are suitable for complex functions.

What is the difference between H5 page production and WeChat applets What is the difference between H5 page production and WeChat applets Apr 05, 2025 pm 11:51 PM

H5 is more flexible and customizable, but requires skilled technology; mini programs are quick to get started and easy to maintain, but are limited by the WeChat framework.

What should I do if the company's security software conflicts with applications? How to troubleshoot HUES security software causes common software to fail to open? What should I do if the company's security software conflicts with applications? How to troubleshoot HUES security software causes common software to fail to open? Apr 01, 2025 pm 10:48 PM

Compatibility issues and troubleshooting methods for company security software and application. Many companies will install security software in order to ensure intranet security. However, security software sometimes...

How to choose H5 and applets How to choose H5 and applets Apr 06, 2025 am 10:51 AM

The choice of H5 and applet depends on the requirements. For applications with cross-platform, rapid development and high scalability, choose H5; for applications with native experience, rich functions and platform dependencies, choose applets.

How to solve the problem of JS resource caching in enterprise WeChat? How to solve the problem of JS resource caching in enterprise WeChat? Apr 04, 2025 pm 05:06 PM

Discussion on the JS resource caching issue of Enterprise WeChat. When upgrading project functions, some users often encounter situations where they fail to successfully upgrade, especially in the enterprise...

Detailed tutorial on how to buy and sell Binance virtual currency Detailed tutorial on how to buy and sell Binance virtual currency Mar 18, 2025 pm 01:36 PM

This article provides a brief guide to buying and selling of Binance virtual currency updated in 2025, and explains in detail the operation steps of virtual currency transactions on the Binance platform. The guide covers fiat currency purchase USDT, currency transaction purchase of other currencies (such as BTC), and selling operations, including market trading and limit trading. In addition, the guide also specifically reminds key risks such as payment security and network selection for fiat currency transactions, helping users to conduct Binance transactions safely and efficiently. Through this article, you can quickly master the skills of buying and selling virtual currencies on the Binance platform and reduce transaction risks.

The first dual-core cultural and tourism digital hominid in the country! Tencent Cloud helps Huaguoshan Scenic Area connect to DeepSeek, making the 'Sage Monkey King' smarter and warmer The first dual-core cultural and tourism digital hominid in the country! Tencent Cloud helps Huaguoshan Scenic Area connect to DeepSeek, making the 'Sage Monkey King' smarter and warmer Mar 12, 2025 pm 12:57 PM

Lianyungang Huaguoshan Scenic Area joins hands with Tencent Cloud to launch the first "dual-core brain" Digital Homo sapiens in the cultural and tourism industry - Monkey King! On March 1, the scenic spot officially connected the Monkey King to the DeepSeek platform, so that it has the two AI model capabilities of Tencent Hunyuan and DeepSeek, bringing tourists a smarter and more considerate service experience. Huaguoshan Scenic Area has previously launched the Monkey King of the Digital Homo sapiens based on Tencent Hunyuan model. This time, Tencent Cloud further utilizes technologies such as the big model knowledge engine to connect it to DeepSeek to achieve a "dual-core" upgrade. This makes the Monkey King's interactive ability to a higher level, faster response speed, stronger understanding ability, and more warmth. Monkey King has strong natural language processing capabilities and can understand various ways of asking questions from tourists.

See all articles