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


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 相关文章推荐
服务器安全设置的几个注册表设置
Jul 28 Javascript
jQuery学习笔记之jQuery的DOM操作
Dec 22 Javascript
Prototype源码浅析 Enumerable部分之each方法
Jan 16 Javascript
js转化毫秒为时间格式代码
Apr 10 Javascript
JavaScript数据库TaffyDB用法实例分析
Jul 27 Javascript
微信支付如何实现内置浏览器的H5页面支付
Sep 25 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
Jan 09 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
Nov 22 Javascript
jQuery实现的简单在线计算器功能
May 11 jQuery
React Native预设占位placeholder的使用
Sep 28 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
Aug 07 Javascript
小程序实现列表倒计时功能
Jan 29 Javascript
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
支持oicq头像的留言簿(二)
2006/10/09 PHP
一键删除顽固的空文件夹 软件下载
2007/01/26 PHP
ThinkPHP多表联合查询的常用方法
2020/03/24 PHP
PHP操作文件的一些基本函数使用示例
2014/11/18 PHP
php递归法读取目录及文件的方法
2015/01/30 PHP
实例讲解yii2.0在php命令行中运行的步骤
2015/12/01 PHP
php版微信js-sdk支付接口类用法示例
2016/10/12 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
PHP实现随机发放扑克牌
2020/04/21 PHP
关于IFRAME 自适应高度的研究
2006/07/20 Javascript
使用基于jquery的gamequery插件做JS乒乓球游戏
2011/07/31 Javascript
基于jQuery.Validate验证库知识点的详解
2013/04/26 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
2015/04/15 Javascript
js实现的倒计时按钮实例
2015/06/24 Javascript
js获取图片宽高的方法
2015/11/25 Javascript
JavaScript_object基础入门(必看篇)
2016/06/13 Javascript
JS数组去掉重复数据只保留一条的实现代码
2016/08/11 Javascript
JS判断是否为JSON对象及是否存在某字段的方法(推荐)
2016/11/29 Javascript
详解angular中通过$location获取路径(参数)的写法
2017/03/21 Javascript
JS中用EL表达式获取上下文参数值的方法
2018/03/28 Javascript
解决node修改后需频繁手动重启的问题
2018/05/13 Javascript
JavaScript中的null和undefined用法解析
2019/09/30 Javascript
在vue中实现清除echarts上次保留的数据(亲测有效)
2020/09/09 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
2020/11/19 Vue.js
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
python中的decorator的作用详解
2018/07/26 Python
Python计算时间间隔(精确到微妙)的代码实例
2019/02/26 Python
python调用外部程序的实操步骤
2019/03/04 Python
Python学习笔记之变量、自定义函数用法示例
2019/05/28 Python
python 使用pygame工具包实现贪吃蛇游戏(多彩版)
2019/10/30 Python
Django media static外部访问Django中的图片设置教程
2020/04/07 Python
利用PyQt5+Matplotlib 绘制静态/动态图的实现代码
2020/07/13 Python
Python 远程开关机的方法
2020/11/18 Python
自我评价格式
2014/01/06 职场文书
2014年学习部工作总结
2014/11/12 职场文书
2014年心理健康教育工作总结
2014/12/06 职场文书