Maison >interface Web >js tutoriel >Comment implémenter l'applet WeChat pour utiliser le formulaire pour obtenir les données de la zone de saisie

Comment implémenter l'applet WeChat pour utiliser le formulaire pour obtenir les données de la zone de saisie

php中世界最好的语言
php中世界最好的语言original
2018-05-29 10:06:012265parcourir

Cette fois, je vais vous montrer comment utiliser le formulaire pour obtenir les données de la zone de saisie dans l'applet WeChat. Quelles sont les précautions pour implémenter l'applet WeChat en utilisant le formulaire pour obtenir la zone de saisie. données. Ce qui suit est un cas pratique.

1. Affichage de l'effet

2. Code clé

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:'' 
 }) 
 } 
})

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le. php site chinois !

Lecture recommandée :

Comment modifier create-react-app pour prendre en charge plusieurs pages

Comment implémenter l'applet WeChat Événement personnalisé à sélection multiple

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn