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


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 相关文章推荐
教您去掉ie网页加载进度条的方法
Dec 09 Javascript
js调试工具Console命令详解
Oct 21 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
Nov 23 Javascript
Javascript学习笔记之数组的构造函数
Nov 23 Javascript
JavaScript计时器示例分析
Feb 05 Javascript
javascript事件委托的方式绑定详解
Jun 10 Javascript
jQuery UI仿淘宝搜索下拉列表功能
Jan 10 Javascript
node 命令方式启动修改端口的方法
May 12 Javascript
详解操作虚拟dom模拟react视图渲染
Jul 25 Javascript
vue实现动态列表点击各行换色的方法
Sep 13 Javascript
JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析
May 22 Javascript
Node.js API详解之 util模块用法实例分析
May 09 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
php用header函数实现301跳转代码实例
2013/11/25 PHP
php使用cookie保存登录用户名的方法
2015/01/26 PHP
php模拟服务器实现autoindex效果的方法
2015/03/10 PHP
PHP基于yii框架实现生成ICO图标
2015/11/13 PHP
php通过执行CutyCapt命令实现网页截图的方法
2016/09/30 PHP
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
jquery ajax提交表单数据的两种方式
2009/11/24 Javascript
js获取日期:昨天今天和明天、后天
2014/06/11 Javascript
js防止页面被iframe调用的方法
2014/10/30 Javascript
学习JavaScript设计模式(策略模式)
2015/11/26 Javascript
ES6所改良的javascript“缺陷”问题
2016/08/23 Javascript
Node学习记录之cluster模块
2017/05/31 Javascript
vue组件横向树实现代码
2018/08/02 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
Vue 处理表单input单行文本框的实例代码
2019/05/09 Javascript
[02:02:38]VG vs Mineski Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python实现给字典添加条目的方法
2014/09/25 Python
Python中用于返回绝对值的abs()方法
2015/05/14 Python
解决安装tensorflow遇到无法卸载numpy 1.8.0rc1的问题
2018/06/13 Python
pycharm 安装JPype的教程
2019/08/08 Python
python3实现带多张图片、附件的邮件发送
2019/08/10 Python
python 工具 字符串转numpy浮点数组的实现
2020/03/14 Python
使用CSS3制作倾斜导航条和毛玻璃效果
2017/09/12 HTML / CSS
鲜为人知的HTML5语音合成功能
2019/05/17 HTML / CSS
使用canvas生成含有微信头像的邀请海报没有微信头像问题
2019/10/29 HTML / CSS
澳大利亚优惠网站:Deals.com.au
2019/07/02 全球购物
英国领先的在线鱼贩:The Fish Society
2020/08/12 全球购物
客户表扬信范文
2014/01/10 职场文书
员工安全生产责任书
2014/07/22 职场文书
出纳试用期自我鉴定范文
2014/09/16 职场文书
金榜题名主持词
2015/07/02 职场文书
再读《皇帝的新衣》的读后感悟!
2019/08/07 职场文书
如何通过简单的代码描述Angular父组件、子组件传值
2022/04/07 Javascript
Jmerte 分布式压测及分布式压测配置
2022/04/30 Java/Android
Mysql中的触发器定义及语法介绍
2022/06/25 MySQL