입력 상자 데이터를 얻기 위해 양식을 사용하여 WeChat 애플릿을 구현하는 방법

이번에는 WeChat 애플릿에서 입력 상자 데이터를 얻기 위해 양식 양식을 사용하는 방법과 입력 상자 데이터를 얻기 위해 양식 양식을 사용하여 WeChat 애플릿을 구현하기 위해 어떤 노트가 있는지 보여 드리겠습니다. 실제 사례를 살펴보겠습니다.

1. 효과 표시

2. 키 코드

index.wxml

用户名： 
密码： 
登录 重置 {{tip}}{{userName}}{{psw}}

index.js

Page({ 
 data:{ 
 // text:"这是一个页面" 
 tip:'', 
 userName:'', 
 psw:'' 
 }, 
 formBindsubmit:function(e){ 
 if(e.detail.value.userName.length==0||e.detail.value.psw.length==0){ 
 this.setData({ 
 tip:'提示：用户名和密码不能为空！', 
 userName:'', 
 psw:'' 
 }) 
 }else{ 
 this.setData({ 
 tip:'', 
 userName:'用户名：'+e.detail.value.userName, 
 psw:'密码：'+e.detail.value.psw 
 }) 
 } 
 }, 
 formReset:function(){ 
 this.setData({ 
 tip:'', 
 userName:'', 
 psw:'' 
 }) 
 } 
})

이 기사의 사례를 읽으신 후 방법을 익히셨을 것입니다. 흥미로운 내용은 중국 웹사이트의 PHP 기타 관련 기사에 주목해 주세요!

추천 자료:

다중 페이지를 지원하도록 create-react-app을 수정하는 방법

WeChat 미니 프로그램에서 사용자 정의 다중 선택 이벤트를 구현하는 방법

위 내용은 입력 상자 데이터를 얻기 위해 양식을 사용하여 WeChat 애플릿을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!