トーストコンポーネントを使用して、ユーザー名またはパスワードの入力を忘れたユーザーにプロンプ​​トを表示する機能を実装します。

WeChat ミニプログラムは現在ますます人気が高まっており、ますます多くの開発機能が必要とされています。この記事では主に、ユーザー名やユーザー名を入力するのを忘れたユーザーにトースト メッセージ ダイアログ ボックスを使用する WeChat ミニプログラムの機能を紹介します。トースト コンポーネントを例とともに詳細に分析し、メッセージ プロンプト機能を実装するための関連操作テクニックに役立つことを願っています。

1.エフェクト表示

2.キーコード

①index.wxml

<form bindsubmit="formBindsubmit" bindreset="formReset">
 <view style="display:flex;">
  <label>用户名：</label>
  <input name="userName" placeholder="请输入用户名！" />
 </view>
 <view style="display:flex;">
  <label>密码：</label>
  <input name="psw" placeholder="请输入密码！" password="true" />
 </view>
 <view style="display:flex;margin-top:30px;">
  <button style="width:30%;" formType="submit" >登录</button>
  <button style="width:30%" formType="reset" >重置</button>
 </view>
</form>
<view>{{userName}}</view>
<view>{{psw}}</view>
<toast duration="2000" hidden="{{toastHidden}}" bindchange="toastBindChange">用户名或密码不能为空！</toast>

②インデックス。 js

りー

この記事を読んで何か学びましたか?急いで試してみてください。

関連する推奨事項:

WeChatアプレットのカスタムトースト実装方法の詳細な説明

WeChatアプレットのフォーム検証機能の完全な例

WeChatアプレットのユーザー情報インターフェースの実装方法に関するThinkphp5ケーススタディ

以上がトーストコンポーネントを使用して、ユーザー名またはパスワードの入力を忘れたユーザーにプロンプ​​トを表示する機能を実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。