微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)


Posted in Javascript onDecember 08, 2017

下面一小段代码给大家介绍微信小程序 功能函数 密码验证*,具体代码如下所示:

//登录输入密码
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,
})
}
})
}
}
},

总结

以上所述是小编给大家介绍的微信小程序 功能函数 手机号、密码验证*、获取验证码*,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js自定义事件及事件交互原理概述(二)
Feb 01 Javascript
javascript使用百度地图api和html5特性获取浏览器位置
Jan 10 Javascript
javascript实现简单查找与替换的方法
Jul 22 Javascript
Javascript技术栈中的四种依赖注入小结
Feb 27 Javascript
JavaScript中的Number数字类型学习笔记
May 26 Javascript
JS实现的相册图片左右滚动完整实例
Nov 23 Javascript
bootstrap栅格系统示例代码分享
May 22 Javascript
微信小程序遍历Echarts图表实现多个饼图
Apr 25 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
Jun 17 Javascript
JS中async/await实现异步调用的方法
Aug 28 Javascript
Javascript幻灯片播放功能实现过程解析
May 07 Javascript
Vue Mint UI mt-swipe的使用方式
Jun 05 Vue.js
javaScript字符串工具类StringUtils详解
Dec 08 #Javascript
javaScript日期工具类DateUtils详解
Dec 08 #Javascript
微信小程序获取手机网络状态的方法【附源码下载】
Dec 08 #Javascript
在Swiper内如何制作CSS3动画效果示例代码
Dec 07 #Javascript
微信小程序wx.previewImage预览图片实例详解
Dec 07 #Javascript
关于JavaScript语句后面的分号问题
Dec 07 #Javascript
微信小程序获取手机系统信息的方法【附源码下载】
Dec 07 #Javascript
You might like
thinkphp3.2嵌入百度编辑器ueditor的实例代码
2017/07/13 PHP
用ASP将SQL搜索出来的内容导出为TXT的代码
2007/07/27 Javascript
JavaScript 三种创建对象的方法
2009/10/16 Javascript
使用不同的方法结合/合并两个JS数组
2014/09/18 Javascript
jQuery控制div实现随滚动条滚动效果
2016/06/07 Javascript
JavaScript语言精粹经典实例(整理篇)
2016/06/07 Javascript
微信小程序 教程之列表渲染
2016/10/18 Javascript
用iframe实现不刷新整个页面上传图片的实例
2016/11/18 Javascript
基于bootstrap风格的弹框插件
2016/12/28 Javascript
jQuery中on方法使用注意事项详解
2017/02/15 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
2017/03/03 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
2017/04/26 Javascript
利用 spin.js 生成等待效果(js 等待效果)
2017/06/25 Javascript
利用原生JS实现data方法示例代码
2019/05/28 Javascript
ES6 async、await的基本使用方法示例
2020/06/06 Javascript
如何将Node.js中的回调转换为Promise
2020/11/10 Javascript
element-ui中el-upload多文件一次性上传的实现
2020/12/02 Javascript
[01:50]WODOTA制作 DOTA2中文宣传片《HERO》
2013/04/28 DOTA
python、java等哪一门编程语言适合人工智能?
2017/11/13 Python
基于循环神经网络(RNN)实现影评情感分类
2018/03/26 Python
Python3几个常见问题的处理方法
2019/02/26 Python
python脚本开机自启的实现方法
2019/06/28 Python
使用 Python 读取电子表格中的数据实例详解
2020/04/17 Python
HTML5中Localstorage的使用教程
2015/07/09 HTML / CSS
美国领先的户外服装与装备用品店:Moosejaw
2016/08/25 全球购物
捷克多品牌在线时尚商店:ANSWEAR.cz
2020/10/03 全球购物
shell程序中如何注释
2012/02/17 面试题
英语文学专业学生的自我评价
2013/10/31 职场文书
反洗钱宣传活动总结
2014/08/26 职场文书
员工保密协议书
2014/09/27 职场文书
2014年客房服务员工作总结
2014/11/18 职场文书
党支部鉴定意见
2015/06/02 职场文书
小学运动会通讯稿
2015/07/18 职场文书
2016大学迎新晚会开场白
2015/11/24 职场文书
导游词之蓬莱长岛
2019/12/17 职场文书
默认网关不可用修复后过一会又不好使了解决方法
2022/04/08 数码科技