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


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 为a标签绑定click事件示例代码
Jun 23 Javascript
利用jQuery实现WordPress中@的ID悬浮显示评论内容
Dec 11 Javascript
ES6中非常实用的新特性介绍
Mar 10 Javascript
JavaScript对Json的增删改属性详解
Jun 02 Javascript
Bootstrap Metronic完全响应式管理模板学习笔记
Jul 08 Javascript
浅谈angularjs $http提交数据探索
Jan 20 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
Feb 14 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
Nov 15 Javascript
原生JS实现简单的无缝自动轮播效果
Sep 26 Javascript
Vue触发式全局组件构建的方法
Nov 28 Javascript
微信小程序实现消息框弹出动画
Apr 18 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
Aug 19 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在apache环境下实现gzip配置方法
2015/04/02 PHP
php经典算法集锦
2015/11/14 PHP
PHP购物车类Cart.class.php定义与用法示例
2016/07/20 PHP
详解php中 === 的使用
2016/10/24 PHP
解决在laravel中leftjoin带条件查询没有返回右表为NULL的问题
2019/10/15 PHP
JavaScript delete 属性的使用
2009/10/08 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
2011/04/19 Javascript
使用jQuery简单实现模拟浏览器搜索功能
2014/12/21 Javascript
jQuery简单实现提交数据出现loading进度条的方法
2016/03/29 Javascript
jQuery遍历节点树方法分析
2016/09/08 Javascript
利用jQuery.Validate异步验证用户名是否存在(推荐)
2016/12/09 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
2017/04/10 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
2017/08/22 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
vue实现打印功能的两种方法
2018/09/07 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
深入浅析JavaScript中的in关键字和for-in循环
2020/04/20 Javascript
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
2020/09/10 Javascript
Python实现的数据结构与算法之快速排序详解
2015/04/22 Python
详解Python自建logging模块
2018/01/29 Python
python中matplotlib的颜色及线条控制的示例
2018/03/16 Python
pygame实现雷电游戏雏形开发
2018/11/20 Python
python变量的存储原理详解
2019/07/10 Python
在python中做正态性检验示例
2019/12/09 Python
CSS3实现彩色进度条动画的示例
2020/10/29 HTML / CSS
详解html5页面 rem 布局适配方法
2018/01/12 HTML / CSS
万得城电器土耳其网站:欧洲第一大电子产品零售商
2016/10/07 全球购物
雅高酒店中国:Accorhotels.com China
2018/03/26 全球购物
新西兰最大、占有率最高的综合性药房:PharmacyDirect药房中文网
2020/11/03 全球购物
大唐电信科技股份有限公司java工程师面试经历
2016/12/09 面试题
北京奥运会主题口号
2014/06/13 职场文书
企业标语大全
2014/07/01 职场文书
高中学校对照检查材料
2014/08/31 职场文书
Python数据可视化之基于pyecharts实现的地理图表的绘制
2021/06/10 Python
Python 数据可视化之Matplotlib详解
2021/11/02 Python