This article mainly introduces the WeChat applet function functions of mobile phone number verification, password verification, and a summary of the relevant codes for obtaining verification codes. It is very good and has reference value. Friends who need it can refer to it. I hope it can help everyone.
The following is a small piece of code to introduce to you the WeChat applet function password verification*. The specific code is as follows:
//登录输入密码 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 }) } }) } },
The following is an introduction to the WeChat applet function mobile phone number verification*. The specific code is as follows:
// 登录手机验证 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 }) } },
#The following code introduces you to the WeChat applet function to obtain the verification code*. The specific code is as follows:
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: '重新获取' }) clearInterval(time); } n--; }, 1000); wx.request({ url: 'https://www.didu86.com/Clothes-manager-web/codenum', data: { tel: phone, }, header: { 'content-type': 'application/json' }, success: function (res) { var result = res.data.code; console.log(result) that.setData({ huozheng: result, }) } }) } } },
We often use the above functions, you can refer to them when you need them.
Related recommendations:
Example of implementing the form verification function of WeChat applet
PHP verification login username and password
Implementing a slider verification function
The above is the detailed content of Summary of WeChat mini program functions. For more information, please follow other related articles on the PHP Chinese website!