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


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 相关文章推荐
JQuery 国际象棋棋盘 实现代码
Jun 26 Javascript
原生js和jquery中有关透明度设置的相关问题
Jan 08 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
Nov 02 Javascript
jQuery实现的动态伸缩导航菜单实例
May 07 Javascript
JavaScript实现图片自动加载的瀑布流效果
Apr 11 Javascript
JavaScript 数组some()和filter()的用法及区别
May 20 Javascript
BootStrap实现手机端轮播图左右滑动事件
Oct 13 Javascript
Vue声明式渲染详解
May 17 Javascript
VUE前端cookie简单操作
Oct 17 Javascript
vue项目中使用lib-flexible解决移动端适配的问题解决
Aug 23 Javascript
浅谈React Native 传参的几种方式(小结)
May 21 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
Jan 26 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
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
PHP命名空间(namespace)原理与用法详解
2019/12/11 PHP
JQuery筛选器全系列介绍
2013/08/27 Javascript
Jquery 获取对象的几种方式介绍
2014/01/17 Javascript
JS判断移动端访问设备并加载对应CSS样式
2014/06/13 Javascript
JavaScript基础知识学习笔记
2014/12/02 Javascript
jQuery中outerWidth()方法用法实例
2015/01/19 Javascript
js实现文字在按钮上滚动的方法
2015/08/20 Javascript
JQuery标签页效果的两个实例讲解(4)
2015/09/17 Javascript
逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
2015/11/04 Javascript
url传递的参数值中包含&amp;时,url自动截断问题的解决方法
2016/08/02 Javascript
AngularJS入门教程之REST和定制服务详解
2016/08/19 Javascript
利用Javascript裁剪图片并存储的简单实现
2017/03/13 Javascript
一次记住JavaScript的6个正则表达式方法
2018/02/22 Javascript
使用RN Animated做一个“添加购物车”动画的方法
2018/09/12 Javascript
浅谈HTTP 缓存的那些事儿
2018/10/17 Javascript
详解可以用在VS Code中的正则表达式小技巧
2019/05/14 Javascript
vue input标签通用指令校验的实现
2019/11/05 Javascript
Vue常用传值方式、父传子、子传父及非父子实例分析
2020/02/24 Javascript
[40:50]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第四场
2014/05/24 DOTA
python中redis的安装和使用
2016/12/04 Python
Python实现读取txt文件并转换为excel的方法示例
2018/05/17 Python
不管你的Python报什么错,用这个模块就能正常运行
2018/09/14 Python
python爬虫 基于requests模块发起ajax的get请求实现解析
2019/08/20 Python
python实现音乐播放器 python实现花框音乐盒子
2020/02/25 Python
python使用nibabel和sitk读取保存nii.gz文件实例
2020/07/01 Python
Python如何定义接口和抽象类
2020/07/28 Python
python 如何将office文件转换为PDF
2020/09/22 Python
html5桌面通知(Web Notifications)实例解析
2014/07/07 HTML / CSS
企业治理工作自我评价
2013/09/26 职场文书
网页设计个人找工作求职信
2013/11/28 职场文书
高中生国庆节演讲稿范文2014
2014/09/21 职场文书
2014年单位法制宣传日活动总结
2014/11/01 职场文书
Python基础之Socket通信原理
2021/04/22 Python
MongoDB日志切割的三种方式总结
2021/09/15 MongoDB
磁贴还没死, 微软Win11可修改注册表找回Win10开始菜单
2021/11/21 数码科技