検索
ホームページWeChat アプレットミニプログラム開発WeChat アプレット検証コードを実装するにはどうすればよいですか? (ソースコード)

この記事の内容は、WeChat アプレット検証コードの実装方法に関するものです。 (ソースコード)、それは確かな参考値を持っています、それがあなたに役立つことを願っています。

検証コード:

<input bindinput="makecodeInput" type="text">
<view bindtap="getcode" class="makecode">{{code}}</view><button bindtap="login">登录</button>

index.js

data: {
code: "",
makecode:"",
},
//获取输入验证码
makecodeInput:function(e){
this.setData({
makecode:e.detail.value
})
},
// 登录
login: function() {
if(this.data.makecode != this.data.code){
wx.showToast({
title: &#39;验证码不正确&#39;,
icon: &#39;none&#39;,
duration: 2000
})
}
},
//验证码
createCode() {
var code;
//首先默认code为空字符串
code = &#39;&#39;;
//设置长度,这里看需求,我这里设置了4
var codeLength = 4;
//设置随机字符
var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
//循环codeLength 我设置的4就是循环4次
for (var i = 0; i < codeLength; i++) {
//设置随机数范围,这设置为0 ~ 10
var index = Math.floor(Math.random() * 10);
//字符串拼接 将每次随机的字符 进行拼接
code += random[index];
}
//将拼接好的字符串赋值给展示的code
this.setData({
code: code
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
this.createCode();
},
getcode: function() {
this.createCode();
},

上記は、WeChat アプレット検証コードを実装する方法です。 (ソース コード) の完全な紹介。WeChat アプレット開発チュートリアル について詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。


以上がWeChat アプレット検証コードを実装するにはどうすればよいですか? (ソースコード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事は2ctoで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)