微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
2019/6/27 20:31:35
本文主要是介绍微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
下面一小段代码给大家介绍微信小程序 功能函数 密码验证*,具体代码如下所示:
//登录输入密码 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 }) } }) } },
下面给大家介绍微信小程序 功能函数 手机号验证*,具体代码如下所示:
// 登录手机验证 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 }) } },
下面一段代码给大家介绍微信小程序 功能函数 获取验证码*,具体代码如下所示:
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, }) } }) } } },
总结
以上所述是小编给大家介绍的微信小程序 功能函数 手机号、密码验证*、获取验证码*,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对找一找教程网网站的支持!
这篇关于微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-14CSS-in-JS学习:从入门到实践教程
- 2024-11-14JSX语法学习:新手入门教程
- 2024-11-14Mock.js学习指南
- 2024-11-14初学者必备Styled-jsx课程详解
- 2024-11-14React中useContext的使用详解
- 2024-11-14React中的useMemo简介
- 2024-11-14useRef课程:React中的useRef Hook详解与实践
- 2024-11-14useState课程:React新手必学的Hook入门教程
- 2024-11-14Sortable.js开发入门教程
- 2024-11-13React-sortable-hoc开发入门教程