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


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 相关文章推荐
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
Feb 18 Javascript
window.js 主要包含了页面的一些操作
Dec 23 Javascript
JavaScript面向对象之私有静态变量实例分析
Jan 14 Javascript
关于JS中的apply,call,bind的深入解析
Apr 05 Javascript
微信小程序 教程之wxapp视图容器 swiper
Oct 19 Javascript
微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解
Jan 17 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
Aug 08 Javascript
js 倒计时(高效率服务器时间同步)
Sep 12 Javascript
JavaScript实现鼠标滚轮控制页面图片切换功能示例
Oct 14 Javascript
iview在vue-cli3如何按需加载的方法
Oct 31 Javascript
Vuex mutitons和actions初使用详解
Mar 04 Javascript
详解webpack-dev-middleware 源码解读
Mar 23 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
用缓存实现静态页面的测试
2006/12/06 PHP
php 随机生成10位字符代码
2009/03/26 PHP
PHP各种异常和错误的拦截方法及发生致命错误时进行报警
2016/01/19 PHP
js返回上一页并刷新代码整理
2012/12/21 Javascript
setInterval,setTimeout与jquery混用的问题
2013/04/08 Javascript
js 获取radio按钮值的实例
2013/08/17 Javascript
ext中store.load跟store.reload的区别示例介绍
2014/06/17 Javascript
js实现的黑背景灰色二级导航菜单效果代码
2015/08/24 Javascript
js如何打印object对象
2015/10/16 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
2015/11/02 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
2015/11/18 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
2016/04/17 Javascript
javascript 产生随机数的几种方法总结
2017/09/26 Javascript
原生JS封装animate运动框架的实例
2017/10/12 Javascript
Webpack之tree-starking 解析
2018/09/11 Javascript
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
2019/11/14 Javascript
django简单的前后端分离的数据传输实例 axios
2020/05/18 Javascript
Python进阶_关于命名空间与作用域(详解)
2017/05/29 Python
Python实现分段线性插值
2018/12/17 Python
pycharm 批量修改变量名称的方法
2019/08/01 Python
Python进程池Pool应用实例分析
2019/11/27 Python
将python依赖包打包成window下可执行文件bat方式
2019/12/26 Python
Python变量及数据类型用法原理汇总
2020/08/06 Python
python中把元组转换为namedtuple方法
2020/12/09 Python
CSS3的文字阴影—text-shadow的使用方法
2012/12/25 HTML / CSS
农场厂长岗位职责
2013/12/28 职场文书
打架检讨书2000字
2014/02/22 职场文书
小学英语教师先进事迹
2014/05/28 职场文书
电子专业自荐信
2014/07/01 职场文书
研修心得体会
2014/09/04 职场文书
普通党员个人对照检查材料
2014/09/18 职场文书
2014年学生会干事工作总结
2014/11/07 职场文书
挂靠协议书
2015/01/27 职场文书
小学安全教育主题班会
2015/08/12 职场文书
pytorch实现线性回归以及多元回归
2021/04/11 Python
python 如何用terminal输入参数
2021/05/25 Python