Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung der Funktionen des WeChat-Miniprogramms

小云云
Freigeben: 2017-12-09 09:44:50
Original
3572 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die WeChat-Applet-Funktionen zur Überprüfung von Mobiltelefonnummern und Passwörtern vorgestellt und eine Zusammenfassung der relevanten Codes zum Erhalten von Bestätigungscodes gegeben. Er ist sehr gut und hat Referenzwert. Ich hoffe, es kann allen helfen.

Das Folgende ist ein kleiner Code, der Ihnen die Passwortüberprüfung der WeChat-Applet-Funktion vorstellt*. Der spezifische Code lautet wie folgt:


//登录输入密码
userPasswordInput: function (e) {
var that = this;
this.setData({
userPassword: e.detail.value
})
// console.log(e.detail.value.length)
// console.log(e.detail.value);
var value = e.detail.value
var strkong = /^[0-9a-zA-Z]{0,25}$/g;
if (strkong.test(value)) {
that.setData({
truePwd: true
})
} else {
// console.log("cwoca")
wx.showModal({
title: '提示',
content: '密码由0~25位由数字和26个英文字母混合而成',
showCancel: false,
success: function (res) {
that.setData({
truePwd: false
})
}
})
}
},
Nach dem Login kopieren


Das Folgende ist eine Einführung in die Funktion zur Überprüfung der Mobiltelefonnummer des WeChat-Miniprogramms. Der spezifische Code lautet wie folgt folgt:


// 登录手机验证
loginPhone: function (e) {
var phone = e.detail.value;
if (!(/^1[34578]\d{9}$/.test(phone))) {
this.setData({
ajxtrue: false
})
if (phone.length >= 11) {
wx.showToast({
title: '手机号有误',
icon: 'success',
duration: 2000
})
}
} else {
this.setData({
ajxtrue: true
})
}
},
Nach dem Login kopieren


Der folgende Code stellt Ihnen den WeChat mini vor Programmfunktion zum Erhalten des Bestätigungscodes*, des spezifischen Codes Wie unten gezeigt:


yanZhengInput: function (e) {
var that = this;
var yanzheng = e.detail.value;
var huozheng = this.data.huozheng
console.log(e.detail.value)
that.setData({
yanzheng: yanzheng,
zhengTrue: false,
})
if (yanzheng.length >= 4) {
if (yanzheng == huozheng) {
that.setData({
zhengTrue: true,
})
} else {
that.setData({
zhengTrue: false,
})
wx.showModal({
content: '输入验证码有误',
showCancel: false,
success: function (res) {
}
})
}
}
},
yanzhengBtn: function () {
// console.log(app.globalData.userId);
var getChange = this.data.getChange
var n = 59;
var that = this;
var phone = this.data.linPhone;
console.log(phone)
var user = wx.getStorageSync('user');
if (!(/^1[34578]\d{9}$/.test(phone))) {
wx.showToast({
title: '手机号有误',
icon: 'success',
duration: 2000
})
} else {
if (getChange) {
this.setData({
getChange: false
})
var time = setInterval(function () {
var str = '(' + n + ')' + '重新获取'
that.setData({
getText: str
})
if (n <= 0) {
that.setData({
getChange: true,
getText: &#39;重新获取&#39;
})
clearInterval(time);
}
n--;
}, 1000);
wx.request({
url: &#39;https://www.didu86.com/Clothes-manager-web/codenum&#39;,
data: {
tel: phone,
},
header: {
&#39;content-type&#39;: &#39;application/json&#39;
},
success: function (res) {
var result = res.data.code;
console.log(result)
that.setData({
huozheng: result,
})
}
})
}
}
},
Nach dem Login kopieren

Wir verwenden häufig die oben genannten Funktionen, Sie können darauf verweisen ihnen bei Bedarf zur Verfügung zu stehen.

Verwandte Empfehlungen:

Ein Beispiel für die Implementierung der Formularüberprüfungsfunktion des WeChat-Applets

PHP-Überprüfungs-Login-Benutzername und Passwort

Implementieren Sie eine Schieberegler-Überprüfungsfunktion

Das obige ist der detaillierte Inhalt vonZusammenfassung der Funktionen des WeChat-Miniprogramms. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage