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


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 相关文章推荐
判断客户端浏览器是否安装了Flash插件的多种方法
Aug 11 Javascript
电子商务网站上的常用的js放大镜效果
Dec 08 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
Mar 18 Javascript
javascript实现C语言经典程序题
Nov 29 Javascript
JS动态插入并立即执行回调函数的方法
Apr 21 Javascript
AngularJS $http post 传递参数数据的方法
Oct 09 Javascript
深入理解JavaScript 箭头函数
May 30 Javascript
JavaScript内置对象math,global功能与用法实例分析
Jun 10 Javascript
解决vue-cli webpack打包开启Gzip 报错问题
Jul 24 Javascript
JavaScript获取某一天所在的星期
Sep 05 Javascript
基于ts的动态接口数据配置的详解
Dec 18 Javascript
vue图片裁剪插件vue-cropper使用方法详解
Dec 16 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 通过Socket收发十六进制数据的实现代码
2013/08/16 PHP
PHP打印输出函数汇总
2016/08/28 PHP
location.href语句与火狐不兼容的问题
2010/07/04 Javascript
jQuery Tools Dateinput使用介绍
2012/07/14 Javascript
jquery select动态加载选择(兼容各种浏览器)
2013/02/01 Javascript
JavaScript实现自己的DOM选择器原理及代码
2013/03/04 Javascript
jquery的ajax和getJson跨域获取json数据的实现方法
2014/02/04 Javascript
js创建表单元素并使用submit进行提交
2014/08/14 Javascript
js实现跨域的方法实例详解
2015/06/24 Javascript
复杂的javascript窗口分帧解析
2016/02/19 Javascript
node.js微信公众平台开发教程
2016/03/04 Javascript
JS iFrame加载慢怎么解决
2016/05/13 Javascript
angularjs实现文字上下无缝滚动特效代码
2016/09/04 Javascript
javascript 实现动态侧边栏实例详解
2016/11/11 Javascript
如何在JavaScript中谨慎使用代码注释
2019/06/21 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&amp;平移轮播效果
2019/08/16 Javascript
JS实现可用滑块滑动的缓动图代码
2019/09/01 Javascript
python实现数通设备端口监控示例
2014/04/02 Python
Python装饰器decorator用法实例
2014/11/10 Python
深入解读Python解析XML的几种方式
2016/02/16 Python
python自动翻译实现方法
2016/05/28 Python
使用Python的Flask框架表单插件Flask-WTF实现Web登录验证
2016/07/12 Python
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
tensorflow: variable的值与variable.read_value()的值区别详解
2018/07/30 Python
python读取Excel实例详解
2018/08/17 Python
python多线程同步实例教程
2019/08/11 Python
Python列表操作方法详解
2020/02/09 Python
python实现canny边缘检测
2020/09/14 Python
Python获取android设备cpu和内存占用情况
2020/11/15 Python
Saucony澳大利亚官网:美国跑鞋品牌,运动鞋中的劳斯莱斯
2018/05/05 全球购物
Baby Tulai澳大利亚:美国婴儿背带品牌
2018/10/15 全球购物
大学生两会学习心得体会
2014/03/10 职场文书
美容院经理岗位职责
2014/04/03 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
公司副总经理岗位职责
2014/10/01 职场文书
2014年人事工作总结范文
2014/11/19 职场文书