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


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 相关文章推荐
页面中iframe相互传值传参
Dec 13 Javascript
JavaScript入门之事件、cookie、定时等
Oct 21 Javascript
在JavaScript并非所有的一切都是对象
Apr 11 Javascript
IE6-8中Date不支持toISOString的修复方法
May 04 Javascript
JavaScript基础函数整理汇总
Jan 30 Javascript
JavaScript实现表格点击排序的方法
May 11 Javascript
jquery解析json格式数据的方法(对象、字符串)
Nov 24 Javascript
jQuery实现的导航动画效果(附demo源码)
Apr 01 Javascript
Ajax与服务器(JSON)通信实例代码
Nov 05 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
Dec 02 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
Feb 20 Javascript
微信小程序中网络请求缓存的解决方法
Dec 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
php 将bmp图片转为jpg等其他任意格式的图片
2009/06/21 PHP
php实现计数器方法小结
2015/01/05 PHP
浅谈PHP拦截器之__set()与__get()的理解与使用方法
2016/10/18 PHP
yii2利用自带UploadedFile实现上传图片的示例
2017/02/16 PHP
选择TreeView控件的树状数据节点的JS方法(jquery)
2010/02/06 Javascript
javascript+iframe 实现无刷新载入整页的代码
2010/03/17 Javascript
jquery cookie实现的简单换肤功能适合小网站
2013/08/25 Javascript
node.js中的http.response.end方法使用说明
2014/12/14 Javascript
扒一扒JavaScript 预解释
2015/01/28 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
详解JavaScript中的Unescape()和String() 函数
2015/11/09 Javascript
js数组去重的hash方法
2016/12/22 Javascript
js遮罩效果制作弹出注册界面效果
2017/01/25 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
jQuery常见的遍历DOM操作详解
2018/09/05 jQuery
vue配置接口域名方法总结
2019/05/12 Javascript
vue组件创建的三种方式小结
2020/02/03 Javascript
Python不规范的日期字符串处理类
2014/06/10 Python
用python结合jieba和wordcloud实现词云效果
2017/09/05 Python
python中pika模块问题的深入探究
2018/10/13 Python
我们为什么要减少Python中循环的使用
2019/07/10 Python
Python 函数list&amp;read&amp;seek详解
2019/08/28 Python
Python编写打字训练小程序
2019/09/26 Python
基于Python fminunc 的替代方法
2020/02/29 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
基于python实现判断字符串是否数字算法
2020/07/10 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
24个canvas基础知识小结
2014/12/17 HTML / CSS
到底Java是如何传递参数的?是by value或by reference?
2012/07/13 面试题
物流管理专业大学生自荐信
2013/10/04 职场文书
感恩小明星事迹材料
2014/05/23 职场文书
乡镇保密工作责任书
2014/07/28 职场文书
四风问题查摆剖析材料
2014/10/11 职场文书
运动会100米广播稿
2015/08/19 职场文书
新手开公司创业注意事项有哪些?
2019/07/29 职场文书
python pandas 解析(读取、写入)CSV 文件的操作方法
2022/12/24 Python