検索
ホームページ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衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

SublimeText3 Mac版

SublimeText3 Mac版

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

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!