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


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 detach()后节点中的某个值实现代码
Feb 05 Javascript
js实现点小图看大图效果的思路及示例代码
Oct 28 Javascript
使用ajaxfileupload.js实现ajax上传文件php版
Jun 26 Javascript
node.js中的fs.readFileSync方法使用说明
Dec 15 Javascript
JavaScript转换与解析JSON方法实例详解
Nov 24 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
Nov 24 Javascript
纯js代码实现简单计算器
Dec 02 Javascript
js生成随机颜色方法代码分享(三种)
Dec 29 Javascript
微信小程序模板(template)使用详解
Jan 31 Javascript
p5.js 毕达哥拉斯树的实现代码
Mar 23 Javascript
vue组件间通信六种方式(总结篇)
May 15 Javascript
基于vue实现一个禅道主页拖拽效果
May 27 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加密解密函数分享
2014/06/05 PHP
PHP实现从远程下载文件的方法
2015/03/12 PHP
WordPress开发中用于标题显示的相关函数使用解析
2016/01/07 PHP
ThinkPHP中create()方法自动验证表单信息
2017/04/28 PHP
javascript textarea光标定位方法(兼容IE和FF)
2011/03/12 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
JavaScript起点(严格模式深度了解)
2013/01/28 Javascript
jquery隐藏标签和显示标签的实例
2013/11/11 Javascript
在Node.js中实现文件复制的方法和实例
2014/06/05 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
2014/10/14 Javascript
js表头排序实现方法
2015/01/16 Javascript
使用Script元素发送JSONP请求的方法
2016/06/12 Javascript
jQuery遍历节点树方法分析
2016/09/08 Javascript
Centos7 中安装 Node.js v4.4.4
2016/11/03 Javascript
JS文件上传神器bootstrap fileinput详解
2021/01/28 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
JS实现身份证输入框的输入效果
2017/08/21 Javascript
iView-admin 动态路由问题的解决方法
2018/10/03 Javascript
纯javascript实现选择框的全选与反选功能
2019/04/08 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
2019/05/02 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
2019/11/01 Javascript
js实现简单的点名器随机色实例代码
2020/09/20 Javascript
js实现类选择器和name属性选择器的示例步骤
2021/02/07 Javascript
python使用pyhook监控键盘并实现切换歌曲的功能
2014/07/18 Python
几个提升Python运行效率的方法之间的对比
2015/04/03 Python
python中类和实例如何绑定属性与方法示例详解
2017/08/18 Python
Python实现读取Properties配置文件的方法
2018/03/29 Python
PyQt5显示GIF图片的方法
2019/06/17 Python
英国家用电器折扣网站:Electrical Discount UK
2018/09/17 全球购物
Annoushka英国官网:英国奢侈珠宝品牌
2018/10/20 全球购物
创新型城市实施方案
2014/03/06 职场文书
服务型党组织建设典型材料
2014/05/07 职场文书
2014年党员评议表自我评价
2014/09/27 职场文书
大学生学习新党章思想汇报
2014/10/25 职场文书
2016年过年放假安排通知
2015/08/18 职场文书
vue中div禁止点击事件的实现
2022/04/02 Vue.js