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


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 相关文章推荐
JavaScript使用prototype定义对象类型
Feb 07 Javascript
CLASS_CONFUSION JS混淆 全源码
Dec 12 Javascript
bootstrap data与jquery .data
Jul 07 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
Sep 21 Javascript
JS中split()用法(将字符串按指定符号分割成数组)
Oct 24 Javascript
js 转义字符及URI编码详解
Feb 28 Javascript
react高阶组件经典应用之权限控制详解
Sep 07 Javascript
jquery ajax异步提交表单数据的方法
Oct 27 jQuery
JavaScript 中使用 Generator的方法
Dec 29 Javascript
解决VUE中document.body.scrollTop为0的问题
Sep 15 Javascript
Three.JS实现三维场景
Dec 30 Javascript
vue-cli 项目打包完成后运行文件路径报错问题
Jul 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
thinkphp多层MVC用法分析
2015/12/30 PHP
PHP二维数组去重算法
2016/12/17 PHP
jQuery 验证插件 Web前端设计模式(asp.net)
2010/10/17 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
2012/12/21 Javascript
javascript重复绑定事件造成的后果说明
2013/03/02 Javascript
JavaScript定义类的几种方式总结
2014/01/06 Javascript
通过隐藏iframe实现文件下载的js方法介绍
2014/02/26 Javascript
简单方法判断JavaScript对象为null或者属性为空
2014/09/26 Javascript
node.js中的buffer.toJSON方法使用说明
2014/12/14 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
Javascript中的return作用及javascript return关键字用法详解
2015/11/05 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
2015/12/15 Javascript
用Vue.js实现监听属性的变化
2016/11/17 Javascript
用原生js做单页应用
2017/01/17 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
2017/05/15 jQuery
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
2017/08/04 Javascript
Vue2.5通过json文件读取数据的方法
2018/02/27 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
[01:34:42]NAVI vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python分析网页上所有超链接的方法
2015/05/08 Python
python生成词云的实现方法(推荐)
2017/06/13 Python
Windows平台Python连接sqlite3数据库的方法分析
2017/07/12 Python
python中的不可变数据类型与可变数据类型详解
2018/09/16 Python
python抓取多种类型的页面方法实例
2019/11/20 Python
Python使用enumerate获取迭代元素下标
2020/02/03 Python
Python魔术方法专题
2020/06/19 Python
python logging模块的使用详解
2020/10/23 Python
CSS3制作缩略图的详细过程
2016/07/08 HTML / CSS
音乐学院硕士生的自我评价分享
2013/11/01 职场文书
应届生污水处理求职信
2013/11/06 职场文书
自我评价200字分享
2013/12/17 职场文书
企业文化宣传标语
2014/06/09 职场文书
群众路线教育实践活动整改方案(个人版)
2014/10/25 职场文书
apache基于端口创建虚拟主机的示例
2021/04/22 Servers
Golang 正则匹配效率详解
2021/04/25 Golang
go goth封装第三方认证库示例详解
2022/08/14 Golang