フォームを使用して入力ボックスのデータを取得する 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 に注目してください。中国の Web サイトのその他の関連記事もご覧ください。

推奨読書:

マルチページをサポートするために create-react-app を変更する方法

WeChat ミニプログラムでカスタムの複数選択イベントを実装する方法

以上がフォームを使用して入力ボックスのデータを取得する WeChat アプレットを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。