WeChat 미니 프로그램 기능 요약-JS 튜토리얼-php.cn

WeChat 미니 프로그램 기능 요약

小云云

풀어 주다： 2017-12-09 09:44:50

원래의

3569명이 탐색했습니다.

이 글은 위챗 애플릿 기능인 휴대폰 번호 확인, 비밀번호 확인, 인증 코드 획득 관련 코드 요약을 주로 소개하고 있어 도움이 필요한 친구들이 참고할 수 있기를 바랍니다. 그것은 모두에게 도움이 될 수 있습니다.

다음은 WeChat 애플릿의 비밀번호 확인* 기능을 소개하기 위한 작은 코드입니다. 구체적인 코드는 다음과 같습니다.

//登录输入密码
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: &#39;提示&#39;,
content: &#39;密码由0~25位由数字和26个英文字母混合而成&#39;,
showCancel: false,
success: function (res) {
that.setData({
truePwd: false
})
}
})
}
},

로그인 후 복사

다음은 WeChat 애플릿 휴대폰 번호 인증* 기능을 소개합니다. 구체적인 코드는 다음과 같습니다:

// 登录手机验证
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: &#39;手机号有误&#39;,
icon: &#39;success&#39;,
duration: 2000
})
}
} else {
this.setData({
ajxtrue: true
})
}
},

로그인 후 복사

다음 코드는 인증 코드를 받기 위한 WeChat 애플릿 기능을 소개합니다. *, 구체적인 코드는 다음과 같습니다.

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: &#39;输入验证码有误&#39;,
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(&#39;user&#39;);
if (!(/^1[34578]\d{9}$/.test(phone))) {
wx.showToast({
title: &#39;手机号有误&#39;,
icon: &#39;success&#39;,
duration: 2000
})
} else {
if (getChange) {
this.setData({
getChange: false
})
var time = setInterval(function () {
var str = &#39;(&#39; + n + &#39;)&#39; + &#39;重新获取&#39;
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,
})
}
})
}
}
},

로그인 후 복사

위의 기능을 자주 사용하고 있으니 필요할 때 참고하시면 됩니다.